JavaScript - HTML DOM 方法

Ang mga paraan ng HTML DOM ay ang mga aksyon na maaaring itatayo sa HTML elementongAksyon

Ang HTML DOM ay ang mga katangian ng HTML elementong maaaring itatago o baguhin ninyoHalaga

DOM Programming Interface

Maaaring ma-access ang HTML DOM sa pamamagitan ng JavaScript (maari rin sa pamamagitan ng ibang pamamahawak ng wika).

Sa DOM, ang lahat ng elemento ng HTML ay tinatawag na对象

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

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

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

实例

下面的例子改变了 id="demo" 的 <p> 元素的内容:

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