DOM判斷節點型別分分鐘搞定

2021-10-10 23:34:43 字數 1593 閱讀 9846

node物件中的nodevalue獲取指定節點的值

在dom樹結構中,文字節點是元素節點的子節點,所以要先獲取元素節點才能獲取文字節點。

例項如下:

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

判斷節點型別title

>

head

>

>

"btn"

class

="cls"

>

按鈕button

>

>

// 1. 元素節點

var btnelement = document.

getelementbyid

('btn');

// 元素節點的nodename屬性值為標籤名稱(大寫)

console.

log(btnelement.nodename)

;// button

console.

log(btnelement.nodetype)

;// 1

console.

log(btnelement.nodevalue)

;// null

// 2. 文字節點

var textnode = btnelement.firstchild;

// 文字節點的nodename屬性值是固定值(#text)

console.

log(textnode.nodename)

;// #text

console.

log(textnode.nodetype)

;// 3

// 文字節點的nodevalue屬性值是文字內容

console.

log(textnode.nodevalue)

;// 按鈕

// 重新設定元素節點中的文字

textnode.nodevalue =

"新按鈕"

;// 3. 屬性節點

var attrnode = btnelement.

getattributenode

('class');

// 屬性節點的nodename屬性值為當前元素的屬性名稱

console.

log(attrnode.nodename)

;// class

console.

log(attrnode.nodetype)

;// 2

// 屬性節點的nodevalue屬性值為當前元素的屬性名稱對應的值

console.

log(attrnode.nodevalue)

;// cls

script

>

body

>

html

>

分分鐘搞定python破解無線wifi

大家可以根據自己放的文職進行輸入命令 coding utf 8 import time 時間 import pywifi 破解wifi from pywifi import const 引用一些定義 from asyncio.tasks import sleep class pojie def in...

教你分分鐘搞定Python之Flask框架

用最短的時間開發乙個資料操作介面,python是王道!一 安裝pip 1 首先檢查linux有沒有安裝python pip包,終端執行 pip v root network scripts pip v bash pip command not found 2 沒有python pip包就執行命令 y...

DOM節點型別說明

全球資訊網聯盟 w3c 定義html dom 標準節點有以下幾種 型別 值 說明 element node 1 元素節點 attribute node 2 屬性節點 text node 3 文字節點 cdata section node 4 cdata 區段 entity reference nod...