理解HTMLDOM-优快云博客

本文链接：https://blog.youkuaiyun.com/stenphencurry/article/details/100123973

什么是 HTML DOM？
HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了：

作为对象的 HTML 元素
所有 HTML 元素的属性
访问所有 HTML 元素的方法
所有 HTML 元素的事件
换言之：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。

DOM 编程界面
HTML DOM 能够通过 JavaScript 进行访问（也可以通过其他编程语言）。

在 DOM 中，所有 HTML 元素都被定义为对象。

编程界面是每个对象的属性和方法。

属性是您能够获取或设置的值（就比如改变 HTML 元素的内容）。

方法是您能够完成的动作（比如添加或删除 HTML 元素）

方法	描述
document.getElementById	根据ID获取元素只选择一个
document.getElementsByTagName	根据标签名称获取元素得到的是集合
document.getElementsByName	根据name属性获取元素得到的是集合
document.querySelector	根据选择器选择元素只选择一个
document.querySelectorAll	根据选择器选择元素得到的是集合
getElementsByClassName()	通过class名获取元素，返回值是数组

获取元素内容最简单的方法是使用 innerHTML 属性。

innerHTML 属性可用于获取或替换 HTML 元素的内容。

innerHTML 属性可用于获取或改变任何 HTML 元素，包括 <html> 和 <body>。

Dom对象(一)