有關(guān)刪除的問題appendChild
function addfunc(){
? ? ? ? var con = document.getElementById('table').getElementsByTagName('tbody')[0];
? ? ? ? var tr = document.createElement('tr');
? ? ? ? var td = document.createElement('td');
? ? ? ? var td2 = document.createElement('td');
? ? ? ? var td3 = document.createElement('td');
? ? ? ? var a = document.createElement('a');
? ? ? ? var tddel = td3.appendChild(a);
這一步中appendChild的意思是添加屬性為a的子節(jié)點(diǎn)給tddel吧?a是什么屬性啊,后邊并沒有定義,反而定義的是tddel的屬性,如果我注釋掉這一句,下邊的tddel直接該成a,那么新添加的行就不對(duì)了。求大神解惑!
? ? ? ? tddel.innerHTML = "刪除"
? ? ? ? tddel.href="javascript: ;"
? ? ? ? tddel.setAttribute("onclick","removefunc(this)")
? ? ? ? con.appendChild(tr);
? ? ? ? tr.appendChild(td);?
? ? ? ? tr.appendChild(td2);?
? ? ? ? tr.appendChild(td3);
? ? }
2016-01-15
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h1>sss</h1><h2>ccc</h2></div>
<button onclick="myFunction()">親自試一試</button>
<script>
function myFunction()
{
var node=document.createElement("h3");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
var b = document.getElementById("myDiv").appendChild(node);
alert(b.nodeName);
}
</script>
</body>
</html>
你可以運(yùn)行看看,主要是appendChild返回的結(jié)果是添加的元素本身,所以后面的tddel其實(shí)就是對(duì)a元素進(jìn)行屬性的設(shè)置