主页 > 前端 > javascript >
来源：未知 时间：2016-05-18 11:27 作者：xxadmin 阅读:次
[导读] 用功Jquery的都知道他最强的之处在于$选择器，非常方便的操作dom文档，不用像原声js那样docuemnt.getElementById...等等。 今天给大家介绍JS最新推出的原声选择器API, document.querySelector 和 do...
|
用功Jquery的都知道他最强的之处在于$选择器，非常方便的操作dom文档，不用像原声js那样docuemnt.getElementById...等等。 今天给大家介绍JS最新推出的原声选择器API,document.querySelector 和 document.querySelectorAll 方法： document.querySelector 介绍：querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素 document.querySelectorAll 介绍：querySelector() 方法返回文档中匹配指定 CSS 选择器的所有的元素
用法实例: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="aa">nihao</div>
<ul>
<li>nihao1</li>
<li>nihao1nihao1</li>
<li>nihao1</li>
<li>nihao1</li>
<li>nihao1</li>
</ul>
<span>吃</span>
<script type="text/javascript">
window.onload = function(){
if(document.querySelector){
var aa = document.querySelector("#aa");
console.log(aa);
}else{
console.log('none')
}
if(document.querySelectorAll){
var bb = document.querySelectorAll('.bb');
console.log(bb);
}else{
console.log('none2')
}
}
</script>
</body>
</html> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
