JavaScript - HTML DOM 方法
HTML DOM 方法是您可以在(HTML 元素上)執行的操作。
HTML DOM 屬性是您可以設定或更改的(HTML 元素的)值。
DOM 程式設計介面
HTML DOM 可以透過 JavaScript(以及其他程式語言)訪問。
在 DOM 中,所有 HTML 元素都被定義為物件。
程式設計介面是每個物件的屬性和方法。
屬性是您可以獲取或設定的值(例如更改 HTML 元素的內容)。
方法是您可以執行的操作(例如新增或刪除 HTML 元素)。
示例
以下示例使用 id 為 "demo" 的 <p>
元素更改其內容(innerHTML
)
示例
<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>
。