原生js:就是不适用框架,开发js代码。
在传统的JavaScript 开发中,查找DOM 往往是开发人员遇到的第一个头疼的问题,原生的JavaScript所提供的DOM 选择方法并不多,仅仅局限于通过tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。事实上,现在所有的浏览器厂商都提供了querySelector 和querySelectorAll 这两个方法的支持,甚至就连微软也派出了IE 8 作为支持这一特性的代表,querySelector 和querySelectorAll 作为查找DOM 的又一途径,极大地方便了开发者,使用它们,你可以像使用CSS 选择器一样快速地查找到你需要的节点。
1 document.querySelector("#test");
2 document.querySelectorAll("#test")[0];
3 document.querySelector("div.test>p:first-child");
4 document.querySelectorAll("div.test>p:first-child")[0];
querySelector 和 querySelectorAll 的区别在于 querySelector 用来获取一个元素,而querySelectorAll 可以获取多个元素。querySelector 将返回匹配到的第一个元素,如果没有匹配的元素则返回 Null。querySelectorAll 返回一个包含匹配到的元素的数组,如果没有匹配的元素则返回的数组为空。