var newnode = document.createElement("li");???
?
<script type="text/javascript">
? var otest = document.getElementById("test"); ?
? var newnode = document.createElement("li");
? newnode.innerHTML = "PHP";
? otest.appendChild(newnode);??????? ?
</script>
為什么非要寫? var newnode = document.createElement("li");而不能寫成：? var newnode = otest.createElement("li");????我在這個對象下面創(chuàng)建一個li節(jié)點不行么？
2017-11-09
? <style type="text/css">
? table{
? border: 1px solid #000000;
? }
? table th{
? border: 1px solid red;
? }
? table td{
? border: 1px solid blue;
? }
? </style>
?</head>
?<body>
? <table style="border: 1px solid #000000">
? <tbody>
? <tr style="">
? <th>列1</th>
? <th>列2</th>
? <th>列3</th>
? <th>列4</th>
? <th>列5</th>
? <th>列6</th>
? <th>menu</th>
? </tr>
? <tr>
? <td>列1</td>
? <td>列2</td>
? <td>列3</td>
? <td>列4</td>
? <td>列5</td>
? <td>列6</td>
? <td>
? <input type="button" name="add" value="新增" onclick="addrow(this,1)" />
? <input type="button" name="del" value="刪除" onclick="adelrow(this,1)" />
? </td>
? </tr>
? <tr>
? <td>列11</td>
? <td>列12</td>
? <td>列13</td>
? <td>列14</td>
? <td>列15</td>
? <td>列16</td>
? <td>
? <input type="button" name="add" value="新增" onclick="addrow(this,2)" />
? <input type="button" name="del" value="刪除" onclick="adelrow(this,2)" />
? </td>
? </tr>
? <tr>
? <td>列21</td>
? <td>列22</td>
? <td>列23</td>
? <td>列24</td>
? <td>列25</td>
? <td>列26</td>
? <td>
? <input type="button" name="add" value="新增" onclick="addrow(this,3)" />
? <input type="button" name="del" value="刪除" onclick="adelrow(this,3)" />
? </td>
? </tr>
? <tr>
? <td>列31</td>
? <td>列32</td>
? <td>列33</td>
? <td>列34</td>
? <td>列35</td>
? <td>列36</td>
? <td>
? <input type="button" name="add" value="新增" onclick="addrow(this,4)" />
? <input type="button" name="del" value="刪除" onclick="adelrow(this,4)" />
? </td>
? </tr>
? </tbody>
? </table>
?</body>
</html>
<script type="text/javascript">
function addrow(obj,num){
var tab =obj.parentNode.parentNode.parentNode;
? ? var trNum = document.getElementsByTagName ("tr").length;?
? ? var row=document.createElement ("tr");?
? ? ? ? for(var j=1;j<8;j++){?
var cell=document.createElement ("td");?
cell.id =trNum+1+"/"+j;?
if(j==7){
var inputadd = createAddBtn('addrow');
var inputdel = createAddBtn('adelrow');
cell.appendChild(inputadd);
cell.appendChild(inputdel);
}
? else{
cell.appendChild(document.createTextNode ("第"+cell.id+"列"));?
}
row.appendChild (cell);?
? ? }?
? ? ? ? console.log(tab,obj,num,arguments);
? ? ? ? tab.appendChild (row);?
}
function adelrow(obj){
var tabbody =obj.parentNode.parentNode.parentNode;
var tr =obj.parentNode.parentNode;
? ? ? ? console.log(tabbody,tr,obj,arguments);
? ? ? ? tabbody.removeChild(tr);
}
function createAddBtn(fucname)
{
var input = document.createElement('input');
input.type = "button";
if(fucname == 'addrow')
? ? ? ? ?input.value = "新增";
? ? ?else
? ? ? ? ?input.value = "刪除";
? ? ? ? ?//input.onclick = fucname+"(this)";
? ? ? ? ?input.setAttribute("onclick", fucname+"(this,0)");? ?
? ? ? ? ?return? input;
}
</script>
求分析這些代碼?。。?！感激不盡?。。?！
2016-05-10
因為只有document才有資格創(chuàng)建節(jié)點，otest沒有創(chuàng)建節(jié)點的權(quán)限，只有被添加節(jié)點的資格
2016-05-09
li是ul下的，就算把document換了，也只能換成ul的對象吧
2016-05-09
不行。js沒有這個用法