javascript DOM扩展querySelector()和和querySelectorAll()
2014-03-31 17:39
676 查看
选在符的API的核心有两个方法:querySelector()和querySelectorAll()
querySelector(a):a是一个css选择符,返回与该模式匹配的第一个元素,如果没有匹配的元素,返回null.
css选择符可以简单也可以复杂.如果传入不被支持的选择符,querySelector();会抛出错误.
querySelectorAll(a);
a也是一个css选择符,但是返回的是所有匹配元素而不仅仅是一个元素.返回的是一个NodeList的实例
querySelector(a):a是一个css选择符,返回与该模式匹配的第一个元素,如果没有匹配的元素,返回null.
var result = {}; result = document.querySelector("body"); //[object HTMLBodyElement] result = document.querySelector("#guoDiv").innerHTML; //div里面的内容
css选择符可以简单也可以复杂.如果传入不被支持的选择符,querySelector();会抛出错误.
querySelectorAll(a);
a也是一个css选择符,但是返回的是所有匹配元素而不仅仅是一个元素.返回的是一个NodeList的实例
result = document.querySelectorAll(".guoDiv"); alert(result.length); //4
相关文章推荐
- DOM扩展:Selectors API(querySelector()和querySelectorALL())
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll全面解析
- js--打卡--DOM的querySelector和querySelectorAll方法
- javascript中的querySelector()和querySelectorAll()
- 类似CSS选择器一样选择DOM——querySelector()&&querySelectorAll()
- javascript高级选择器querySelector和querySelectorAll
- JavaScript高级选择器querySelector和querySelectorAll
- 强大的原生DOM选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- DOM元素querySelectorAll和querySelector
- 浅谈JavaScript高级选择器querySelector和querySelectorAll
- 强大的原生DOM选择器querySelector和querySelectorAll
- javaScript中的querySelector()与querySelectorAll()的区别
- javascript高级选择器querySelector和querySelectorAll全面解析
- javascript的querySelectorAll()和querySelector()
- javascript基础(Dom查询的其他方法:body,documentElement,all,getElementsByClassName(),querySelectorAll())(二十八)
- javascript高级选择器querySelector和querySelectorAll
- 原生的强大DOM选择器querySelector - querySelector和querySelectorAll