document.querySelector和querySelectorAll方法
生活随笔
收集整理的這篇文章主要介紹了
document.querySelector和querySelectorAll方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
querySelector和querySelectorAll是W3C提供的?新的查詢接口,其主要特點如下:
1、querySelector只返回匹配的第一個元素,如果沒有匹配項,返回null。? 2、querySelectorAll返回匹配的元素集合,如果沒有匹配項,返回空的nodelist(節點數組)。? 3、返回的結果是靜態的,之后對document結構的改變不會影響到之前取到的結果。? 這兩個方法都可以接受三種類型的參數:id(#),class(.),標簽,很像jquery的選擇器。 var obj = document.querySelector("#id"); var obj = document.querySelector(".classname"); var obj = document.querySelector("div");var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)"); var elements = document.querySelectorAll("#id1, #id2, .class1, class2, div a, #list li img");
轉載于:https://www.cnblogs.com/dtdxrk/p/4081018.html
總結
以上是生活随笔為你收集整理的document.querySelector和querySelectorAll方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: weekly paper read
- 下一篇: c# 字符串排序 (面试题)