jQuery强悍的选择器如今浏览器也提供可替换的原生方法了,前提是浏览器得够现代,版本够新,万恶的ie还是很垃圾,希望ie9可以完美支持
<html>
<head>
<title></title>
</head>
<body>
<div>
<p>test1</p>
<p>test2</p>
<span>hello world</span>
<pre>
浏览器支持程度:
* Firefox 3.5: 99.3%
* Safari 4: 99.3%
* Chrome 2: 99.3%
* Opera 10b1: 97.5%
* IE 8: 47.4%
</pre>
</div>
</body>
</html>
<script>
if(document.querySelectorAll&&document.querySelector){
var arr=document.querySelectorAll("div p");
for(i in arr){
alert(arr[i].innerHTML);
}
var span=document.querySelector("div>span");
alert(span.innerHTML);
}else{
alert('浏览器不支持');
}
</script>