DOM基操之查看元素

一、查看元素节点
document是什么？代表 整个文档，类似于在最外面的html元素的外面加上一
个<document>标签
document.getElementById();
document.getElementsByClassName() ie8和ie8以下的浏览器没有
document.getElementsByName()
document.getElementsByTagName(' ')不加[0]是类数组
document.querySelector('div span storng');单个
document.querySelectorAll('div span storng');类数组 优点：选择方便。缺点：不具有实时性
二、遍历节点树

parentNode 父节点（最顶端的parentNode为#document）
childNodes 子节点
firstChild ；第一个子节点
lastChild 最后一个子节点
nextSibing 后一个兄弟节点
previousSibling 前一个兄弟节点
三、元素节点树的遍历（除了children 其他ie9以下不兼容）
parentElement 返回当前元素的父元素节点
children 返回当前元素的子元素节点
node.children.length 求子节点的个数
firstElementChild 元素的第一个子节点
lastElementChild 元素的最后一个子节点
nextElementSilbing 下一个兄弟节点
previousElementSilbing 前一个兄弟节点
四、节点属性
nodeName 元素的标签名，已大写形式表示，只读
nodeValue Text（文本）节点或Comment（注释）节点的文本内容，可读写
nodeType 该节点的类型，只读
元素节点 ——1
属性节点 ——2
文本节点 ——3
注释节点 ——8
document ——9
DocumentFragment ——11
attributes Element的节点属性集合
node.hasChildNodes(); 是否有子节点，返回true 或 false

捕获.PNG
批注 2020-01-17 023033.png