js中的dom查詢小知識點

2021-10-09 22:23:43 字數 1083 閱讀 5783

- 元素.

getelementsbytagname()

- 通過標籤名查詢當前元素的指定後代元素,返回陣列

- 元素.childnodes

- 獲取當前元素的所有子節點

- 會獲取到空白的文字子節點

- 元素.children

- 獲取當前元素的所有子元素

- 元素.firstchild

- 獲取當前元素的第乙個子節點

- 元素.lastchild

- 獲取當前元素的最後乙個子節點

- 元素.parentnode

- 獲取當前元素的父元素

- 元素.previoussibling

- 獲取當前元素的前乙個兄弟節點

- 元素.nextsibling

- 獲取當前元素的後乙個兄弟節點

- 讀取標籤內部的文字內容

-h1中的文字內容<

/h1>

- 元素.firstchild.nodevalue

- document物件的其他的屬性和方法

- document.all

- 獲取頁面中的所有元素,相當於document.

getelementsbytagname

("*");

- document.documentelement

- 獲取頁面中html根元素

- document.body

- 獲取頁面中的body元素

- document.

getelementsbyclassname()

- 根據元素的class屬性值查詢一組元素節點物件

- 這個方法不支援ie8及以下的瀏覽器

- document.

queryselector()

- 根據css選擇器去頁面中查詢乙個元素

- 如果匹配到的元素有多個,則它會返回查詢到的第乙個元素

- document.

queryselectorall()

- 根據css選擇器去頁面中查詢一組元素

- 會將匹配到所有元素封裝到乙個陣列中返回,即使只匹配到乙個

dom 小知識點

1 classname屬性可設定或返回元素的 class 屬性。function getclass document.getelementbyid d1 classname bbb alert document.getelementbyid d1 classname 2 removechild 刪除...

js小知識點

語法 eq index 使用場景 通常與其他選擇器一起使用,獲取指定組合中指定索引 index 的元素。index值從 0開始,所以第乙個元素的 index值是0 不是1。例項 獲取第11個td 的值 jsondata campaignname this parent parent parent f...

js小知識點

原始值不可改變 宣告乙個變數之後,如果給這個變數賦予乙個新值,那麼會把之前的銷毀掉,在記憶體中重新開闢記憶體來存 使用typeof的時候如果是未定義的變數是不會報錯的如果 typeof a try catch e console.log string text line 1 n string tex...