本文實例講述了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”。
二 應用
訪問指定節點,本示例在頁面彈出的提示框中,顯示了指定節點的名稱、節點的類型和節點的值。
三 代碼
四 運行彈出如下提示框:
相關推薦:
js中DOM元素的操作方法
js中DOM事件綁定詳解
Dom屬性的使用方法
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com