querySelector & querySelectorAll --- 像CSS一样选择DOM
在传统的?JavaScript?开发中,查找?DOM?往往是开发人员遇到的第一个头疼的问题,原生的?JavaScript?所提供的?DOM?选择方法并不多,仅仅局限于通过?tag,?name,?id?等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。事实上,现在所有的浏览器厂商都提供了?querySelector?和?querySelectorAll?这两个方法的支持,甚至就连微软也派出了?IE?8?作为支持这一特性的代表,querySelector?和?querySelectorAll?作为查找?DOM?的又一途径,极大地方便了开发者,使用它们,你可以像使用?CSS?选择器一样快速地查找到你需要的节点。
querySelector?和?querySelectorAll?的使用非常的简单,就像标题说到的一样,它和?CSS?的写法完全一样,对于前端开发人员来说,这是难度几乎为零的一次学习。假如我们有一个?id?为?test?的?DIV,为了获取到这个元素,你也许会像下面这样:
var emphasisText = document.querySelectorAll(".emphasis");for( var i = 0 , j = emphasisText.length ; i < j ; i++ ){ emphasisText[i].style.fontWeight = "bold";}?