JavaScript DOM 方法


目录

    显示目录


HTML DOM 方法是您可以执行的操作(在 HTML 元素)。

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


DOM 编程接口

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

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

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

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

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


例子

以下示例使用 <p> 元素的内容(innerHTML) w3-codespan">id="演示":

例子

<html>
<body>

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

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

</body>
</html>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>My First Page</h2>

<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>