溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本文實例講述了JS實現(xiàn)訪問DOM對象指定節(jié)點的方法。分享給大家供大家參考，具體如下：
一 介紹
使用getElementById()方法來訪問指定id的節(jié)點，并用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節(jié)點名稱、節(jié)點類型和節(jié)點值。
1、nodeName屬性
該屬性用來獲取某一個節(jié)點的名稱。
[sName=]obj.nodeName
sName：字符串變量用來存儲節(jié)點的名稱。
2、nodeType屬性
該屬性用來獲取某一個節(jié)點的類型。
[sType=]obj.nodeType
sType：字符串變量，用來存儲節(jié)點的類型，該類型值為數(shù)值型。該參數(shù)的類型如下表所示。
| 類 型 | 數(shù) 值 | 節(jié) 點 名 | 說 明 |
| 元素（element） | 1 | 標(biāo)記 | 任何HTML或XML的標(biāo)記 |
| 屬性（attribute） | 2 | 屬性 | 標(biāo)記中的屬性 |
| 文本（text） | 3 | #text | 包含標(biāo)記中的文本 |
| 注釋（comment） | 8 | #comment | HTML的注釋 |
| 文檔（document） | 9 | #document | 文檔對象 |
| 文檔類型（documentType） | 10 | DOCTYPE | DTD規(guī)范 |
3、nodeValue屬性
該屬性將返回節(jié)點的值。
[txt=]obj.nodeValue
txt：字符串變量用來存儲節(jié)點的值，除文本節(jié)點類型外，其他類型的節(jié)點值都為“null”。
二 應(yīng)用
訪問指定節(jié)點,本示例在頁面彈出的提示框中，顯示了指定節(jié)點的名稱、節(jié)點的類型和節(jié)點的值。
三 代碼
<!DOCTYPE html>
<html>
<head>
<title>www.jb51.net 訪問指定節(jié)點</title>
</head>
<body id="b1">
<h4 >三號標(biāo)題</h4>
<b>加粗內(nèi)容</b>
<script language="javascript">
<!--
var by=document.getElementById("b1");
var str;
str="節(jié)點名稱:"+by.nodeName+"\n";
str+="節(jié)點類型:"+by.nodeType+"\n";
str+="節(jié)點值:"+by.nodeValue+"\n";
alert(str);
-->
</script>
</body>
</html>
四 運行彈出如下提示框：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼