JS訪問DOM對象節點方法總結

來源：懂視網責編：小采時間：2020-11-27 19:38:31

JS訪問DOM對象節點方法總結

JS訪問DOM對象節點方法總結:這次給大家帶來JS訪問DOM對象節點方法總結，JS訪問DOM對象節點的注意事項有哪些，下面就是實戰案例，一起來看一下。一介紹使用getElementById()方法來訪問指定id的節點，并用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節點名稱、節點類型

推薦度：

點擊下載本文 文檔為doc格式

導讀JS訪問DOM對象節點方法總結:這次給大家帶來JS訪問DOM對象節點方法總結，JS訪問DOM對象節點的注意事項有哪些，下面就是實戰案例，一起來看一下。一介紹使用getElementById()方法來訪問指定id的節點，并用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節點名稱、節點類型

這次給大家帶來JS訪問DOM對象節點方法總結，JS訪問DOM對象節點的注意事項有哪些，下面就是實戰案例，一起來看一下。

一介紹

使用getElementById()方法來訪問指定id的節點，并用nodeName屬性、nodeType屬性和nodeValue屬性來顯示出該節點名稱、節點類型和節點值。

1、nodeName屬性

該屬性用來獲取某一個節點的名稱。

[sName=]obj.nodeName

sName：字符串變量用來存儲節點的名稱。

2、nodeType屬性

該屬性用來獲取某一個節點的類型。

[sType=]obj.nodeType

sType：字符串變量，用來存儲節點的類型，該類型值為數值型。該參數的類型如下表所示。

類型	數值	節點名	說明
元素（element）	1	標記	任何HTML或XML的標記
屬性（attribute）	2	屬性	標記中的屬性
文本（text）	3	#text	包含標記中的文本
注釋（comment）	8	#comment	HTML的注釋
文檔（document）	9	#document	文檔對象
文檔類型（documentType）	10	DOCTYPE	DTD規范

3、nodeValue屬性

該屬性將返回節點的值。

[txt=]obj.nodeValue

txt：字符串變量用來存儲節點的值，除文本節點類型外，其他類型的節點值都為“null”。

二應用

訪問指定節點,本示例在頁面彈出的提示框中，顯示了指定節點的名稱、節點的類型和節點的值。

三代碼

<!DOCTYPE html>
<html>
<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>
</html>

四運行彈出如下提示框：

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

JS訪問DOM對象節點方法總結

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法獲取元素

熱門焦點

JS訪問DOM對象節點方法總結

JS訪問DOM對象節點方法總結

JS訪問DOM對象節點方法總結

最新推薦

猜你喜歡

熱門推薦