HTML DOM 屬性



屬性是節點(HTML 元素)的值,您能夠取得或設定。


程式設計介面

可透過 JavaScript (以及其他程式語言)對 HTML DOM 進行存取。

所有 HTML 元素被定義為對象,而程式設計介面則是物件方法和物件屬性。

方法是您能夠執行的動作(例如新增或修改元素)。

屬性是您能夠取得或設定的值(例如節點的名稱或內容)。


innerHTML 屬性

取得元素內容最簡單的方法是使用 innerHTML 屬性。

innerHTML 屬性對於取得或取代 HTML 元素的內容很有用。

實例

下面的程式碼取得id="intro" 的<p> 元素的innerHTML:

實例

##
<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>

執行實例»點擊"執行實例" 按鈕查看線上實例

在上面的範例中,getElementById 是一個方法,而innerHTML 是屬性。

lampinnerHTML 屬性可用來取得或改變任意 HTML 元素,包含 <html> 和 <body>。



nodeName 屬性規定節點的名稱。

  • nodeName 是唯讀的

  • 元素節點的nodeName 與標籤名稱相同

  • 屬性節點的nodeName 與屬性名稱相同

  • 文字節點的nodeName 總是#text

  • 文檔節點的nodeName 總是#document

注意: nodeName 總是包含HTML 元素的大寫字母標籤名稱。


nodeValue 屬性

nodeValue 屬性規定節點的值。

  • 元素節點的nodeValue 是undefined 或null

  • 文字節點的nodeValue 是文字本身

  • 屬性節點的nodeValue 是屬性值


取得元素的值

下面的範例會取回<p id="intro"> 標籤的文字節點值:

實例

<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>

<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

#執行實例»點擊"運行實例" 按鈕查看線上實例


nodeType 屬性

nodeType 屬性傳回節點的類型。 nodeType 是唯讀的。

比較重要的節點類型有:

元素類型NodeType##元素屬性#文字##3註解8文件9
1
2