W3C Selector API将为JavaScript开发注入新活力
今天,向大家介绍DOM脚本编程领域一项令人激动的进步——W3C Selector API。迄今为止,在使用DOM2级API的前提下,要想从DOM中取得HTML元素,只能使用document.getElementById,或者使用document.getElementsByTagName然后再手工编码进行筛选。随着CSS的普及,JavaScript开发人员不断提到一个显而易见的问题:“为什么浏览器不能提供一种快捷方法,用来选择与CSS选择符匹配的HTML元素呢?”
于是,上述Selector API定义了querySelector和querySelectorAll方法,它们就以CSS选择符为参数,分别返回匹配的第一个元素和所有匹配元素的StaticNodeList(静态节点列表)。这两个方法既可以通过document对象调用,以便在整个文档范围内查询目标元素,也可以通过个别的HTML元素调用,以便只在该元素的后代元素中查询目标元素。