HTML DOM 屬性
屬性是節(jié)點(HTML 元素)的值,您能夠獲取或設置。
屬性是節(jié)點(HTML 元素)的值,您能夠獲取或設置。
編程接口
可通過 JavaScript (以及其他編程語言)對 HTML DOM 進行訪問。
所有 HTML 元素被定義為對象,而編程接口則是對象方法和對象屬性。
方法是您能夠執(zhí)行的動作(比如添加或修改元素)。
屬性是您能夠獲取或設置的值(比如節(jié)點的名稱或內(nèi)容)。
可通過 JavaScript (以及其他編程語言)對 HTML DOM 進行訪問。
所有 HTML 元素被定義為對象,而編程接口則是對象方法和對象屬性。
方法是您能夠執(zhí)行的動作(比如添加或修改元素)。
屬性是您能夠獲取或設置的值(比如節(jié)點的名稱或內(nèi)容)。
innerHTML 屬性
獲取元素內(nèi)容的最簡單方法是使用 innerHTML 屬性。
innerHTML 屬性對于獲取或替換 HTML 元素的內(nèi)容很有用。
獲取元素內(nèi)容的最簡單方法是使用 innerHTML 屬性。
innerHTML 屬性對于獲取或替換 HTML 元素的內(nèi)容很有用。
實例
下面的代碼獲取 id="intro" 的 <p> 元素的 innerHTML:
下面的代碼獲取 id="intro" 的 <p> 元素的 innerHTML:
實例
<html>
<body>
<p id="intro">Hello World!</p>
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>
</body>
</html>
在上面的例子中,getElementById 是一個方法,而 innerHTML 是屬性。
innerHTML 屬性可用于獲取或改變?nèi)我?HTML 元素,包括 <html> 和 <body>。
<html> <body> <p id="intro">Hello World!</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html>
在上面的例子中,getElementById 是一個方法,而 innerHTML 是屬性。
innerHTML 屬性可用于獲取或改變?nèi)我?HTML 元素,包括 <html> 和 <body>。
nodeName 屬性
nodeName 屬性規(guī)定節(jié)點的名稱。
- nodeName 是只讀的
- 元素節(jié)點的 nodeName 與標簽名相同
- 屬性節(jié)點的 nodeName 與屬性名相同
- 文本節(jié)點的 nodeName 始終是 #text
- 文檔節(jié)點的 nodeName 始終是 #document
注釋:nodeName 始終包含 HTML 元素的大寫字母標簽名。
nodeName 屬性規(guī)定節(jié)點的名稱。
- nodeName 是只讀的
- 元素節(jié)點的 nodeName 與標簽名相同
- 屬性節(jié)點的 nodeName 與屬性名相同
- 文本節(jié)點的 nodeName 始終是 #text
- 文檔節(jié)點的 nodeName 始終是 #document
注釋:nodeName 始終包含 HTML 元素的大寫字母標簽名。
nodeValue 屬性
nodeValue 屬性規(guī)定節(jié)點的值。
- 元素節(jié)點的 nodeValue 是 undefined 或 null
- 文本節(jié)點的 nodeValue 是文本本身
- 屬性節(jié)點的 nodeValue 是屬性值
nodeValue 屬性規(guī)定節(jié)點的值。
- 元素節(jié)點的 nodeValue 是 undefined 或 null
- 文本節(jié)點的 nodeValue 是文本本身
- 屬性節(jié)點的 nodeValue 是屬性值
獲取元素的值
下面的例子會取回 <p id="intro"> 標簽的文本節(jié)點值:
下面的例子會取回 <p id="intro"> 標簽的文本節(jié)點值:
實例
<html>
<body>
<p id="intro">Hello World!</p>
<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>
</body>
</html>
<html> <body> <p id="intro">Hello World!</p> <script type="text/javascript"> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>
nodeType 屬性
nodeType 屬性返回節(jié)點的類型。nodeType 是只讀的。
比較重要的節(jié)點類型有:
元素類型 NodeType 元素 1 屬性 2 文本 3 注釋 8 文檔 9
nodeType 屬性返回節(jié)點的類型。nodeType 是只讀的。
比較重要的節(jié)點類型有:
元素類型 | NodeType |
---|---|
元素 | 1 |
屬性 | 2 |
文本 | 3 |
注釋 | 8 |
文檔 | 9 |
posted on 2014-03-28 15:30 順其自然EVO 閱讀(169) 評論(0) 編輯 收藏 所屬分類: HTML DOM