元素查找方法
document.getElementById()
document.getElementsByTagName()
document.querySlector('.demo') //选择器需要加. #等
document.querySlectorAll('.demo')
document.getElementsByClassName('demo')
document.getElementsByName('demo')
document.body //获取body元素
document.head //获取head元素
document.documentElement
alert(document.body);
alert(document.head);
alert(document.documentElement);
节点
| 元素节点（标签） | 注释节点 | 文本节点 |
|---|---|---|
| nodeType 1 | nodeType 8 | nodeType 3 |
| nodeName 大写标签名 | nodeName #comment | nodeName #text |
| nodeValue null | nodeValue 注释内容 | nodeValue 文本内容 |
说明：nodeType 节点类型 nodeName 节点名 nodeValue 节点值
关系节点属性
parentNode 父节点
firstChild/firstElementChild 第一个孩子/第一个元素孩子
lastChild/lastElementChild 最后一个孩子/最后一个元素孩子
说明：
第一组
firstElementChild 第一个元素节点，ie9+支持
firstChild 第一个子节点
第二组
childNodes 包含文本子节点
children 只包含元素节点
其他
previousSibling nextSibling 前一个兄弟，后一个兄弟，包含文本节点
previousElementSibling nextElementSibling 前一个元素兄弟
nodeName 节点名称 nodeType: 节点类型 1 表示元素节点 3 文本节点 8 注释节点
转载：https://blog.csdn.net/weixin_45353679/article/details/104642309
查看评论