节点就是获取这个标签本身。
1.什么是DOM
DOM-document object mode 文档对象模型
JS内部自动创建了一个对象,叫document,通过这个对象可以去获取网页中的内容。节点相当于HTML中的div。
2.节点操作
(1)直接获取节点---在js中获取标签对应的节点。
a. document.getElementById(id属性)--获取HTML中id是指定值的标签。返回值是标签对应的节点对象。
b. document.getElementsByClassName(class属性)--获取HTML中class指定的所有的标签,返回值是容器。 遍历用 for of 遍历。 或则for each , 不要用for in 。
c. document.getElementsByTagName(标签名) --获取HTML中指定的标签名的所有的标签,返回值是容器。
d. document.getElementsByName(name属性名)--获取HTML中name属性指定的所有的标签,返回值是容器。 就比如input 中的name。
2)父子节点-获取节点
a. 子节点.parentElement 获取子节点对应的父节点。
b. 父节点.children 获取父节点的所有的子节点 ---返回值一个或多个。
c. 父节点.firstElementChild 获取父节点的第一个子节点。
d. 父标签.lastElementChild 获取父节点的最后一个子节点。