㈠ 关于js动态创建表格
function autocreate(){
//创建table表格
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("background","red");
//获取行数值
var line=document.getElementById("line").value;
//获取列数值
var list=document.getElementById("list").value;
for(var i=1;i<=line;i++){
//alert(line);
//创建tr
var tr=document.createElement("tr");
for(var j=1;j<=list;j++){
//alert(list);
//创建td
var td=document.createElement("td");
td.innerHTML=i*j;
tr.appendChild(td);
}
table.appendChild(tr);
}
document.getElementById("d1").appendChild(table);
}
㈡ JS控制创建DIV并且控制DIV出现的位置
1、js创建div的语法是createElement("div")。知道这个我们就可以直接写个简单的函数先创建一个div。并添加到对应的dom元素中，可能是body窗体上也可以是div内。
2、至于控制位置，则是通过js给div添加class。通过css样式来控制。具体如下：
function cDiv(){
var bb = document.body; //document.getElementById("div");
var div = document.createElement("div");
div.id = "div1";
div.className = "div1";
div.innerHTML = "div1";
bb.appendChild(div);
}
cDiv();
3、为了让函数执行，必须吧函数放入到</body>上面。这样才有效果
㈢ javascript createElement()
鐢熸垚鏂扮殑绋跨寷寰¤妭鐐癸紝浠ｇ爜濡備笅锛
<html><body>
<div id="father">
<div id="閿宀ヽhild1">hello!</div>
</div>
<script>
var ft = document.getElementById("father");
var c2 = document.createElement("div");
c2.id="child2";
ft.appendChild(c2);
c2.innerHTML="this is createElement test!";
</script>
</body></html>
杩欐牱灏嗚緭鍑猴細鐭ヤ腑
hello!
this is createElement test!
㈣ 用原生js怎么动态添加一个js文件
如果需要复用原生js动态的加载另外一个制js文件，可以使用原生js的document.createElement方法创建script节点，然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中，这样就可以了，参考代码如下：
var new_element = document.createElement("script");//创建新的script节点new_element.setAttribute("type", "text/javascript");new_element.setAttribute("src", "../js/jquery.js");document.body.appendChild(new_element);//添加到body节点的末尾
上例中是在body的最末尾添加的，当然同样可以在head中添加引用该js的标签：document.head.appendChild(new_element);
㈤ 怎么用javascript创建表格
方法一：最原始的方法，创建一一元素
vara1=document.createElement("table");
vara2=document.createElement("tbody");
vara3=document.createElement("tr");
vara4=document.createElement("td");
//开始appendchild()追加各个元素
a3.appendChild(a4);
a2.appendChild(a3);
a1.appendChild(a2);方法二：利用table对象里面含有的函数：插入行和插入列
vartabNode=document.createElement("table");
vartrNode=tabNode.insertRow();
vartdNode=trNode.insertCell;
tabNode.innerHTML="这是采用table对象里面的函数创建的"
注意：利用原始方法，一个个createElement时候，必须要添加一个tbody对象动态的创建和删除：
创建表格，通过输入的值：
functioncreateTable(){
tableNode=document.createElement("table");//获得对象
tableNode.setAttribute("id","table")
varrow=parseInt(document.getElementsByName("row1")[0].value);//获得行号
//alert(row);
if(row<=0||isNaN(row)){
alert("输入的行号错误，不能创建表格，请重新输入：");
return;
}
varcols=parseInt(document.getElementsByName("cols1")[0].value);
if(isNaN(cols)||cols<=0){
alert("输入的列号错误，不能创建表格，请重新输入：");
return;
}
//上面确定了现在开始创建
for(varx=0;x<row;x++){
vartrNode=tableNode.insertRow();
for(vary=0;y<cols;y++){
vartdNode=trNode.insertCell();
tdNode.innerHTML="单元格"+(x+1)+"-"+(y+1);
}
}
document.getElementById("div1").appendChild(tableNode);//添加到那个位置
}删除行：
functiondelRow(){
//要删除行，必须得到table对象才能删除，所以在创建的时候必须要设置table对象的id方便操作
vartab=document.getElementById("table");//获得table对象
if(tab==null){
alert("删除的表不存在！")
return;
}
varrows=parseInt(document.getElementsByName("delrow1")[0].value);//获得要删除的对象
if(isNaN(rows)){
alert("输入的行不正确。请输入要删除的行。。。");
return;
}
if(rows>=1&&rows<=tab.rows.length){
tab.deleteRow(rows-1);
}else{
alert("删除的行不存在！！");
return;
}
}删除列：
//删除列要麻烦些，要通过行来进行删除
//一行的cells的长度就是列的个数
//tab.rows[x].deleteCell(cols-1)
functiondelCols(){
//获得table对象
vartab=document.getElementById("table");
if(tab==null){
alert("删除的表不存在！！");
return;
}
//获得文本框里面的内容
varcols=parseInt(document.getElementsByName("delcols1")[0].value);
//检查是否可靠
if(isNaN(cols)){
alert("输入不正确。请输入要输出的列。。");
return;
}
if(!(cols>=1&&cols<tab.rows[0].cells.length)){
alert("您要删除的行不存在！！");
return;
}
for(varx=0;x<tab.rows.length;x++){//所有的行
tab.rows[x].deleteCell(cols-1);
}
}
㈥ js用createElement创建一个a标签时怎样让这个标签带着href链接呢
var x=createElement("a");
x.href="";
把创建节点语句付给变量，用变量变量附上href即可，其他属性同样可用该方法