javascript DOM扩展querySelector()和和querySelectorAll()

选在符的API的核心有两个方法:querySelector()和querySelectorAll()
querySelector(a):a是一个css选择符,返回与该模式匹配的第一个元素,如果没有匹配的元素,返回null.

1  var result = {};
2             result = document.querySelector("body"); //[object HTMLBodyElement]
3             result = document.querySelector("#guoDiv").innerHTML; //div里面的内容

css选择符可以简单也可以复杂.如果传入不被支持的选择符,querySelector();会抛出错误.
querySelectorAll(a);
a也是一个css选择符,但是返回的是所有匹配元素而不仅仅是一个元素.返回的是一个NodeList的实例

1 result =  document.querySelectorAll(".guoDiv");
2             alert(result.length);  //4 

javascript DOM扩展querySelector()和和querySelectorAll(),布布扣,bubuko.com

javascript DOM扩展querySelector()和和querySelectorAll()

原文：http://www.cnblogs.com/guoyansi19900907/p/3636265.html