JavaScript权威指南第15章 脚本化文档

脚本化文档

查询或者选取单独的元素

将文档作为节点树来遍历，如何找到文档元素的祖先、兄弟和后代元素。

查询设置文档元素的属性

查询设置和修改文档内容

通过创建、插入和删除节点来修改文档结构

与HTML表单一起工作

15.1 dom 概览

15.2选取文档元素

15.2.1通过指定的ID属性

document.getElementByID();

15.2.2通过指定的name属性

document.getElementByName();

15.2.3通过制定的标签名字

document.getElementByTagName();

15.2.4通过制定的css类

document.getElementByClassName();

15.2.5通过指定的css选择器

15.2.6 document.all[ ]

15.3文档结构和遍历

15.3.1作为节点树的文档

Node对象属性

parentNode 父节点

childNodes  子节点

firstChildNode 第一个子节点

lastChild            最后一个子节点

nextSibling           下一个兄弟节点

previoursSibling  上一个兄弟节点 

nodeType     节点类型

nodeValue   节点值

nodeName   节点名称

15.3.2作为元素树的文档

15.4属性

html元素 = 标签+属性名/值对

15.4.1 html作为element的属性

15.4.2 获取和设置非标准的属性

getAttribute()  setAttribute()

属性值都被看作是字符串；

属性名不区分大小写。

15.4.3数据集属性

15.4.4作为attr节点的属性

15.5元素的内容

15.5.1作为HTML的元素内容

15.5.2作为纯文本的元素内容

15.5.3作为text节点的元素内容

15.6创建、插入和删除节点

15.6.1创建节点

document.createElement()

15.6.2插入节点

document.appendChild()

document.insertBefore()

document.insertAfter()

15.6.3删除和替换节点

document.removeChild();

document.replaceChild();