最新的Web開發教程
 

JavaScript - HTML DOM方法


HTML DOM方法是你可以(在HTML元素)執行操作

HTML DOM屬性 (HTML元素),您可以設置或更改。


DOM的編程接口

中的HTML DOM可以用JavaScript(以及與其它的編程語言)來訪問。

在DOM中,所有HTML元素被定義為對象

編程接口是屬性和每個對象的方法。

屬性是你可以獲取或設置(如更改HTML元素的含量)的值。

一種方法是一個動作,你可以做(如添加或刪除一個HTML元素)。


下面的示例更改內容( innerHTML了的) <p>使用id =“演示”元素:

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