目录

JavaScript - HTML DOM 方法


HTML DOM 方法有行动您可以(在 HTML 元素上)执行。

HTML DOM 属性是您可以设置或更改的(HTML 元素)。


DOM 编程接口

HTML DOM 可以使用 JavaScript(以及其他编程语言)进行访问。

在 DOM 中,所有 HTML 元素都定义为物体

编程接口是每个对象的属性和方法。

属性是您可以获取或设置的值(例如更改 HTML 元素的内容)。

方法是您可以执行的操作(例如添加或删除 HTML 元素)。


示例

以下示例更改内容(innerHTML) 的<p>元素与id="demo"

示例

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>
亲自试一试 »

在上面的例子中,getElementById是一个方法, 尽管innerHTML是一个属性


getElementById 方法

访问 HTML 元素的最常见方法是使用id的元素。

在上面的例子中getElementById使用的方法id="demo"来找到该元素。


innerHTML 属性

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

这个innerHTML属性对于获取或替换 HTML 元素的内容很有用。

这个innerHTML属性可用于获取或更改任何 HTML 元素,包括<html><body>