獲取標籤的方式

2021-10-05 11:08:29 字數 1786 閱讀 2799

body中所有標籤的設定

"box1"

>id盒子標籤<

/div>

"box2"

>id盒子標籤<

/div>

="item"

>無序列表<

/li>

="item"

>無序列表<

/li>

無序列表<

/li>

無序列表<

/li>

<

/u1>

文字標籤<

/span>

<

/body>

1.getelementbyid(「id名」):根據id獲取指定元素,如果沒有找到指定元素則返回null。

var box1 = document.

getelementbyid

("box1");

console.

log(box1)

; console.

dir(box1)

;

2.getelementsbyclassname(「類名」):根據類名獲取指定元素集合,返回的是乙個偽陣列,如果沒有找到則返回空陣列。

var items = document.

getelementsbyclassname

("item");

console.

log(items)

;

3.getelementsbytagname(「標籤名」):根據標籤名獲取指定元素集合,返回的是乙個偽陣列,如果沒有找到則返回空陣列。

var lis = document.

getelementsbytagname

("span");

console.

log(lis)

;

根據選擇器獲取指定元素

1.document.queryselector(「選擇器」):獲取單個且指定選擇器的第乙個元素,沒有返回null。

2.document.queryselectorall(「選擇器」):獲取指定選擇器所有元素,返回偽陣列,沒有則返回空陣列。

var box1 =document.

queryselector

("#box1");

console.

log(box1)

;var items =document.

queryselector

(".item");

console.

log(items)

;var divs =document.

queryselectorall

("div");

console.

log(divs)

;var lis =document.

queryselectorall

("li");

console.

log(lis)

;var spans=document.

queryselectorall

("span");

console.

log(spans)

;

獲取標籤全部文字的方式

1.獲取最外層標籤,遍歷內部所有的子標籤,獲取標籤文字 選擇貼吧 吧中的乙個為例 鏈結為 找到指定類名的div標籤 該標籤內為貼吧內容和作者的集合體 div list response.xpath div class l post l post bright j l post clearfix 遍歷...

單元格或標籤SQL方式獲取資料

目錄 一般情況下,我們直接使用資料列的拖拽就能製作出想要的報表,但對於習慣程式設計的使用者或者希望根據不同的條件控制某個單元使用哪個資料列時,我們也同樣支援直接在單元格中使用來實現,這樣的函式我們稱為資料集函式。以下列出所有的資料集函式及用法。tablename.select colname,篩選條...

DOM 獲取標籤

操作文件的 html文件 dom要操作的是html文件 標籤名來獲取 var divs document.getelementsbytagname div console.log divs 通過id名來獲取 var div document.getelementbyid var console.lo...