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编程全解 (图灵程序设计丛书)

你可能感兴趣的:(学习笔记)