JS DOM （Chapter10）

来源：互联网发布：html源码yuansms 编辑：程序博客网时间：2024/05/16 02:14

这一章的东西，没什么需要理解的，了解，知道，熟悉就是了，注意 NodeList、NamedNodeMap、HTMLCollection都是动态的。

Node节点：

nodeType属性，属性包括1（ELEMENT_NODE），2（ATTRIBUTE_NODE），3（TEXT_NODE），9（DOCUMENT_NODE）。

nodeName和nodeValue属性

childNodes属性保持着一个NodeList对象。NodeList是动态的，可以用数组的形式，或者 item()访问节点。

parentNode属性，previousSibling和nextSibling属性，firstChild和lastChild属性

操作节点： appendChild, insertBefore, replaceChild, removeChild, cloneNode,

Document类型 document对象是HTMLDocument（继承自Document）的一个实例。,nodeType为9

属性documentElement指向<html>元素，body属性，

title，url，domain，referrer属性

查找元素 getElementById, getElementsByTagName分别返回元素和 NodeList，在html文档中返回HTMLCollection，类似于NodeList

特殊集合(HTMLCollection)： document.anchors, document.applets, document.forms, document.images, document.links

Element类型

属性tagName

所有的HTML元素都由HTMLElement表示。添加的属性 id, title,lang,dir,className

取、设特性： getAttribute, setAttribute。用getAttribute可以取得非标准特性，而只有公认的特性才会以属性的形式添加到DOM对象中

attributes属性,属性包含一个NamedNodeMap，与NodeList类似，是动态集合： getNamedItem,removeNamedItem, setNamedItem,item(pos)。

var id = element.attributes.getNamedItem("id").nodeValue 也可以用 var id = element.attribute["id"].nodeValue。属性节点包含 specified属性，ie中有用。

创建元素 document.createElement

<ul>

在ie中<ul>有2个子节点，但是在其他浏览器中有5个，其中有3个文本节点（表示空白符）。所以要用childNodes[i].nodeType == 1来判断

Text类型

createTextNode

appendData,deleteData,insertData,splitText,substringData, normalize

DocumentFragment类型

document.createDocumentFragment

Attr类型

操作表格

insertRow,deleteRow,insertCeel,deleteCell