DOM
一：概述
DOM（Document Object Model）文档对象类型 他是W3C为HTML文档提供的一个API（应用程序接口）
二：DOM节点（node）
常用的节点有：元素节点 文本节点 属性节点 还有注释节点
节点属性
| 节点类型 | node name | node type | node value |
|---|---|---|---|
| 元素节点 | 标签名（大写） | 1 | null |
| 属性节点 | 属性名 | 2 | 属性值 |
| 文本节点 | #text | 3 | 文本内容 |
获取属性节点：ele.getAttributeNode（‘’id‘’）；
获取文本节点：ele.firstChild；
<body>
<p id="intro">Hello World!</p>
<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
三：DOM 0 级查找节点
如果标记可能存在多个 都以nodelist类型即伪数组的形式存在.如果要对节点进行操作，需要通过下标取具体访问
document.body
document.images
document.links
document.forms
四：快速查找结点
1.document.getElementById() 通过id查找
2.document.getElementsByClassName() 通过类名查找
3.document.getElementsByTagName() 通过标签名查找
4.document.getElementsByName() name单选查找
5.document.querySelector() 通过选择器查找
6.document.querySelectorAll() 查找所有选择器
五：通过关系查找节点
通过关系查找结点会发现除了查找了所有有用的元素节点外，还会找到一些无用的文本节点（空格）
六：通过关系查找元素(元素节点)
通过关系查找结点会发现除了查找了所有有用的元素节点外，还会找到一些无用的文本节点（空格）
所以用关系查找元素有以下方法：
1.parentElement
2.firstElementChild
3.lastElementChild
4.children
5.perviousElementSibling
6.nextElementSibling
七：创建节点
创建元素节点：docunment.createElemnet（‘tag‘）
创建文本节点：docunment.createTextNode（‘content’）
八：添加节点
1.parentNode.appendChild(childNode
最低0.47元/天 解锁文章
448
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
