脚本化文档
查询或者选取单独的元素
将文档作为节点树来遍历,如何找到文档元素的祖先、兄弟和后代元素。
查询设置文档元素的属性
查询设置和修改文档内容
通过创建、插入和删除节点来修改文档结构
与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();