JavaScript - HTML DOM 方法

HTML DOM 方法是您能夠（在 HTML 元素上）執行的動作。

HTML DOM 屬性是您能夠設置或改變的 HTML 元素的值。

DOM 編程界面

HTML DOM 能夠通過 JavaScript 進行訪問（也可以通過其他編程語言）。

在 DOM 中，所有 HTML 元素都被定義為對象。

編程界面是每個對象的屬性和方法。

屬性是您能夠獲取或設置的值（就比如改變 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>。