JS中的innerHTML，innerText，value的区别

目录

Document 对象

主要用途

getElementById() 方法

 innerHTML

innerText

value

---

 

Document 对象

Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。

在JavaScript中，Document对象是整个文档的基础，代表了当前网页的全部内容。它是window对象的一个属性，因此可以通过window.document或者简写为document来访问。Document对象提供了许多方法和属性，使得开发者能够轻松地与HTML文档进行交互，比如获取元素、修改内容、添加事件监听器等。

主要用途

1. 获取元素：可以通过多种方式获取HTML元素，例如通过ID (getElementById)、标签名 (getElementsByClassName 或 getElementsByTagName)、CSS选择器 (querySelector 或 querySelectorAll) 等。

2. 创建和插入元素：可以动态创建新的HTML元素并插入到现有文档中。

3. 修改内容：可以修改元素的内容、属性、样式等。

4. 事件处理：可以为元素添加事件监听器