㈠ 關於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即可，其他屬性同樣可用該方法