js dom 总结

DOM 对象

1：每个html 都是dom对象。
2：dom对象中最大的对象是 document
3：可以通过改变 dom对象下属性的值，完成元素样式等操作
4：dom对象下属性的值，有的是函数，有的非函数。大部分非函数，数据类型为字符串类型
5：属性查找不会报错，只会输出 undefined。所有的属性不能删除
6：与删除属性效果相同的写法 属性赋值为空字符或者null

dom选择器

选择器的作用：选中html元素，对其进行样式交互处理
1：选择器函数返回的结果为元素对象或者元素对象的集合
2：元素对象集合是伪数组，不能直接操作元素对象下属性，也不能使用数组中API
3：元素集合想要使用元素对象下属性，需要集合进行遍历获取每一个元素对象

选择器有哪些：

dpcument.getElementById()
dpcument.getElementByClassName()
dpcument.getElementByTagName()
dpcument.getElementByName()
document.querySelector()
document.querySelectorAll()

dom节点

1：什么是节点
dom树，链接元素以及文本属性的东西，就是节点
注意：节点必须从元素对象中获取，先使用选择器获取dom对象，再获取相关节点
2：节点分类
元素节点
当前节点 node
父节点 parent
子节点 child
兄弟节点 sibling
属性节点
文本节点
注释节点

3：节点获取
nodeName 返回当前元素节点名字
children 返回当前元素的子有节点 [集合]
parentNode 返回当前元素的父节点
oarentElementNode 返回当前元素的父元素。可以对元素对象进行样式修改等操作
nextSibling 返回当前元素的下一个兄弟节点
nextElementSibling 返回电气概念元素的下一个兄弟元素
previousSibling 返回当前元素的上一个兄弟节点
previousElementSibling 返回当前元素的上一个兄弟元素