JavaScript HTML DOM方法

DOM编程接口

可以使用JavaScript（以及其他编程语言）访问HTML DOM。在DOM中，所有HTML元素都被定义为对象。编程接口是每个对象的属性和方法。一个属性是，你可以获取或设置（如更改HTML元素的含量）的值。一个方法是一个动作，你可以做（如添加或删除HTML元素）。

以下示例使用以下内容更改<p>id="demo"元素的内容（innerHTML）：

<html>
<body>

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

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

</body>
</html>

尝试一下

在上面的示例中，getElementById是一个方法，innerHTML而是一个属性。

访问HTML元素的最常用方法是使用id元素。在上面的示例中，getElementById用于查找id="demo"元素的方法。

获取元素内容的最简单方法是使用innerHTML属性。innerHTML属性对于获取或替换HTML元素的内容很有用。

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