HTML DOM 屬性

來源:互聯網
上載者:User

標籤:htm   nodevalue   執行個體   改變   stc   get   node   java   val   

innerHTML 屬性

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

innerHTML 屬性對於擷取或替換 HTML 元素的內容很有用。

執行個體

下面的代碼擷取 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 屬性可用於擷取或改變任意 HTML 元素,包括 <html> 和 <body>。

nodeName 屬性

nodeName 屬性規定節點的名稱。

  • nodeName 是唯讀
  • 元素節點的 nodeName 與標籤名相同
  • 屬性節點的 nodeName 與屬性名稱相同
  • 文本節點的 nodeName 始終是 #text
  • 文檔節點的 nodeName 始終是 #document

注釋:nodeName 始終包含 HTML 元素的大寫字母標籤名。

nodeValue 屬性

nodeValue 屬性規定節點的值。

  • 元素節點的 nodeValue 是 undefined 或 null
  • 文本節點的 nodeValue 是文本本身
  • 屬性節點的 nodeValue 是屬性值
擷取元素的值

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

執行個體
<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 屬性返回節點的類型。nodeType 是唯讀。

比較重要的節點類型有:

元素類型 NodeType
元素 1
屬性 2
文本 3
注釋 8
文檔 9

HTML DOM 屬性

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.