Dom ( Document object mode) 文档对象模型
实质就是操作html 中元素 属性和 css 的功能
主要包括 获取元素 更改元素内容 更改元素属性
创建或者删除元素属性， 给元素绑定事件
给元素添加或者删除css 样式
获取节点或者查找节点
| 方法 | 作用 |
| document.getElementById(id) | 通过元素 id 来查找元素、获取唯一一个 |
| document.getElementsByTagName(name) | 通过标签名来查找元素、获取多个 |
| document.getElementsByClassName(name) | 通过类名来查找元素获取多个 |
| document.querySelector(selector) | 通过css选择器选择元素，⽆法选择伪类 |
document.getElementById(id)
例：<p id=”ap”></p>
<p id=”ap”></p>
分类： 非常规方案和常规方案
非常规： html head body 可以直接获得
document.documentElement //获得整个html
document.head //获得头部内容
document.body //获得body 信息
常规方案： 对于其他html 元素 都是用常规方案
通过元素 的 id 属性 document.getElementById()
通过元素的 class 属性 document.getElementsByClassName()
通过元素的 标签名称 document.getElementsByTagName()
通过元素的名字来查找 document.getElementsByName()
例：<div name="abc"></div>
document.getElementsByName(“abc“)
console.log(abc)
使用 querySelector 或 querySelectorAll获得
如 document.querySelector("#id名 标签名")
document.querySelectorAll("#id名 .class名")
标签：编程,Dom,元素,查找,html,document,id,属性 From： https://blog.csdn.net/weixin_61255403/article/details/137591533