訪問DOM物件指定節點
阿新 • • 發佈:2019-02-02
一 介紹
使用getElementById()方法來訪問指定id的節點,並用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節點名稱、節點型別和節點值。
1、nodeName屬性
該屬性用來獲取某一個節點的名稱。
[sName=]obj.nodeName
sName:字串變數用來儲存節點的名稱。
2、nodeType屬性
該屬性用來獲取某一個節點的型別。
[sType=]obj.nodeType
sType:字串變數,用來儲存節點的型別,該型別值為數值型。該引數的型別如下表所示。
3、nodeValue屬性
該屬性將返回節點的值。
[txt=]obj.nodeValue
txt:字串變數用來儲存節點的值,除文字節點型別外,其他型別的節點值都為“null”。
二 應用
訪問指定節點,本示例在頁面彈出的提示框中,顯示了指定節點的名稱、節點的型別和節點的值。
三 程式碼
四 執行結果
類 型 | 數 值 | 節 點 名 | 說 明 |
元素(element) | 1 | 標記 | 任何HTML或XML的標記 |
屬性(attribute) | 2 | 屬性 | 標記中的屬性 |
文字(text) | 3 | #text | 包含標記中的文字 |
註釋(comment) | 8 | #comment | HTML的註釋 |
文件(document) | 9 | #document | 文件物件 |
文件型別(documentType) | 10 | DOCTYPE | DTD規範 |
<head> <title>訪問指定節點</title> </head> <body id="b1"> <h3 >三號標題</h3> <b>加粗內容</b> <script language="javascript"> <!-- var by=document.getElementById("b1"); var str; str="節點名稱:"+by.nodeName+"\n"; str+="節點型別:"+by.nodeType+"\n"; str+="節點值:"+by.nodeValue+"\n"; alert(str); --> </script> </body>