Js学习笔记（二）

节点的创建与新增

创建：Document.createElement(),Document.createTextNode()可以用来创建节点，Document.createComment()用来创建注释。

插入节点：Node.appendChild()新增为某个节点的最后一个元素，Node.insertBefore()将节点插入某一元素所在的位置。

Var elem = document.createElement(‘div’);创建一个元素节点

Var text = document.createTextNode(‘this is a test’);文本节点

Document.body.appendChild(elem);

Elem.appendChild(text);

Var comment = document.createComment(‘this is a comment’);注释

Document.body.insertBefore(comment,elem);//在elem之前插入注释节点

节点的内容更改

Node.replaceChild()可以用来替换节点

Node.replaceChild(newNode,oldNode);

节点的删除

Node.removeChild() 用来删除节点

修改HTML文档

innerHTML和textContent用于大量的修改元素，两者之间存在区别。对于innerHTML赋值后，浏览器会分析其内容，并将分析结果作为该元素的子元素，elem.innerHTML = “<div>this is a test</div>”;会被解释为一个<div>框，而textContent只会被解释为一串字符串

         2015-07-0610:26:10

参考书籍：JavaScript编程全解 （图灵程序设计丛书）