JavaScript获取DOM节点的方法(JS笔记:十九)
DOM节点的三种分类：
- 元素节点
<div></div>元素标签 - 文本节点
"hello word"文本 - 属性节点
class id name属性
DOM获取节点的方法：
- 通过id获取：
document.getElementById()- 参数：元素id命，不用加#
- 返回的是对应id的DOM对象
- 通过class获取：
document.getElementsByClassName()- 参数：元素class类名，不用加.
- 返回的是对应class的DOM节点对象集合，是一个伪数组，注意是所有节点
- 通过标签名获取：
document.getElementsByTagName()- 参数：元素标签
- 返回的是对应标签名的DOM节点对象集合，是一个伪数组，注意是所有节点
- 通过css选择器获取：
document.querySelector()- 参数：css选择器，#id，.class，tag等
- 返回的是对应css选择器对应的第一个标签
- 通过css选择器获取：
document.querySelectorAll()- 参数：css选择器，#id，.class，tag等
- 返回的是对应css选择器对应的DOM属性节点对象集合，是一个伪数组，注意是元素节点
如果元素有id可以直接通过id获取到该DOM元素(但是不建议使用)
javascript"><button id="btn">点我</button>
console.log(btn); // <button id="btn"></button>
(JS笔记:十九 date:2020-12-23)
