blog已經轉移至github,大家請訪問 http://qaseven.github.io/

HTML DOM 屬性

屬性是節點（HTML 元素）的值，您能夠獲取或設置。

編程接口

可通過 JavaScript （以及其他編程語言）對 HTML DOM 進行訪問。
所有 HTML 元素被定義為對象，而編程接口則是對象方法和對象屬性。
方法是您能夠執行的動作（比如添加或修改元素）。
屬性是您能夠獲取或設置的值（比如節點的名稱或內容）。

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

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

posted on 2014-03-28 15:30 順其自然EVO 閱讀(170) 評論(0) 編輯收藏所屬分類: HTML DOM

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: HTML DOM 總結 HTML DOM - 導航 HTML DOM - 事件 HTML DOM - 元素 HTML DOM - 修改 HTML 內容 HTML DOM 訪問 HTML DOM 屬性 HTML DOM 方法 HTML DOM 節點 HTML DOM 教程

qileilove

HTML DOM 屬性

屬性是節點（HTML 元素）的值，您能夠獲取或設置。

編程接口

innerHTML 屬性

獲取元素內容的最簡單方法是使用 innerHTML 屬性。
innerHTML 屬性對于獲取或替換 HTML 元素的內容很有用。

實例

下面的代碼獲取 id="intro" 的 <p> 元素的 innerHTML：

實例

nodeName 屬性

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

導航

統計

常用鏈接

留言簿(55)

隨筆分類

隨筆檔案

文章分類

文章檔案

搜索

最新評論

閱讀排行榜

評論排行榜

qileilove

HTML DOM 屬性

屬性是節點（HTML 元素）的值，您能夠獲取或設置。

編程接口

innerHTML 屬性

獲取元素內容的最簡單方法是使用 innerHTML 屬性。innerHTML 屬性對于獲取或替換 HTML 元素的內容很有用。

實例

下面的代碼獲取 id="intro" 的 <p> 元素的 innerHTML：

實例

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

導航

統計

常用鏈接

留言簿(55)

隨筆分類

隨筆檔案

文章分類

文章檔案

搜索

最新評論

閱讀排行榜

評論排行榜

獲取元素內容的最簡單方法是使用 innerHTML 屬性。
innerHTML 屬性對于獲取或替換 HTML 元素的內容很有用。

nodeValue 屬性規定節點的值。
元素節點的 nodeValue 是 undefined 或 null
文本節點的 nodeValue 是文本本身
屬性節點的 nodeValue 是屬性值

<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
元素 1
屬性 2
文本 3
注釋 8
文檔 9