javascript DOM的详解及实例代码(2)

<div>123</div> var myDiv = document.getElementById("myDiv") //取到元素节点 var tx = myDiv.childNodes[0] //前面也提过childNodes的特性，这次取到了文本节点 console.log(tx.nodeType) // 3 console.log(tx.nodeName) // 所有文本节点的nodeName都是"#text"; console.log(tx.nodeValue) // 123(节点包含的文本)，注意元素节点是不能取到它包含的文本节点的文本的 //所以其父节点显然是个元素节点.

　Tip one :

　　　　创建文本节点的两个方法:document.createTextNode(),document.createText();

　　　　创建好后不会直接嵌入文档中，需要引用。

var a = document.createElement("p"); 　　　　var b = document.createTextNode("123"); 　　　　a.appendChild(b); 　　　　document.body.appendChild(a);

　　　　这样在body末尾会出现<p>123</p>这样的标签

　　个人认为DOM肯定是学习js的入门点，但是也需要很长时间的打磨。我看了DOM不少于三遍，仅仅是DOM1级规范，每次都有些新东西。如果你学习DOM，那么就一定要注意一些陷阱，同时也要多花时间琢磨。