DOM選擇器的彙總

2021-10-02 22:07:51 字數 1123 閱讀 1788

var myelement = document.

getelementbyid

("intro"

);

以物件返回該元素,如果沒有返回null;

var x = document.

getelementbyid

("main");

var y = x.

getelementsbytagname

("p"

);

返回的是p元素的列表。

var x = document.

getelementsbyclassname

("intro"

);

返回所有class="intro"的元素的列表

elementlist = document.

queryselectorall

(selectors)

;

返回是乙個靜態的nodelist型別的物件;

selectors是乙個由逗號連線的包含多個css選擇器的字串。

// 獲取文件中所有 class="example" 的 元素

var x = document.

queryselectorall

("p.example"

);

//查詢文件中所有的,,

var x = document.

queryselectorall

("h2, div, span"

);

//父元素為的元素

var x = document.

queryselectorall

("div > p"

);

//包含target屬性的標籤

var x = document.

queryselectorall

("a[target]"

);

同上,但是匹配查詢的第乙個符合的元素

後兩組方法更流行,前面兩種方法過時了。

jquery選擇器和dom選擇器區別

1.jquery選擇器css file loading css visibility visible 2.dom選擇器stylrdocument.getelementbuyid file loading style.visibility visible 因為jquery沒有.css屬性 3.jque...

jQuery選擇器選擇dom元素

jquery選擇器其實是乙個有些地方比較費解的,如果沒有經過多次實驗的話,很難得出它的每個操作符到底是幹什麼的,很容易出錯,經過我的多次測試,終於對一些比較難理解或容易出錯的選擇操作進行總結,既方便自己將來查詢又方便初學者學習。如果 有不對的還望大家幫我指出來,這裡是乙個相互學習的地方。1.先說說通...

jquery選擇器彙總

div id 選擇所有含有id屬性的div元素 input name keleyicom 選擇所有的name屬性等於 keleyicom 的input元素 input name keleyicom 選擇所有的name屬性不等於 keleyicom 的input元素 input name keleyi...