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 返回当前元素的上一个兄弟元素