原生js選擇器有getelementbyid、getelementsbyname、getelementsbytagname和getelementsbyclassname這四個,下面我就乙個乙個介紹這四個選擇器的用法。
1.getelementbyid(通過id獲取元素)
用法:document.getelementbyid(「id」);id為要獲取的元素的id屬性值。
2.getelementsbyname(通過name屬性獲取元素)
3.getelementsbytagname(通過元素名稱獲取元素)
用法:document.getelementsbytagname(tagname);tagname為要獲取元素的標籤名稱,當tagname為*的時候表示獲取所有的元素,document也可以換成dom元素,但是這樣就只能獲取到該dom元素後面的子集元素。
4.getelementsbyclassname(通過css類來獲取元素)
用法:document.getelementsbyclassname(classname);classname為要獲取元素的css類名稱,如果要同時獲取多個的話,在每個css類後面用空格隔開。 如document.getelementsbyclassname(「class2 class1」)就會獲取到class1和class2樣式的元素,document也可以換成dom元素,這樣也是只能獲取到該dom元素後面的子集元素。
js 選擇器相容
1.document.getelementbyid 所有主要瀏覽器都支援 getelementbyid 方法 2.document.getelementsbytagname 和element.getelementsbytagname 所有主要瀏覽器都支援 getelementsbytagname 方...
Js選擇器總結
js選擇器常用的有getelementbyid getelementsbyname getelementsbytagname getelementsbyclassname queryselector queryselectorall 內容基本選擇器有id選擇器 類選擇器 標籤選擇器 通用選擇器，事件...
js選擇器和jquery選擇器的比較
document.getelementbyid id 根據id屬性來選擇 document.getelementsbyclassname根據class屬性來選擇，注意這裡class可能有多個的，所以要加s，可是這個好像具有相容性呢，在ie8及其以下瀏覽器中，不能使用。解決 加入相容性判斷，在需要用到...