日期:2014-05-17  浏览次数:20631 次

W3C基于css选取语法的DOM元素获取api
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>