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>
執行實例»點擊"執行實例" 按鈕查看線上實例
innerHTML 屬性可用來取得或改變任意 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 | |
---|---|
1 | |
2 | |
註解 | |
文件 | |