W 3 C css選択構文に基づくDOM要素取得api


jQueryの強いセレクタは今、ブラウザにも交換可能なオリジナルの方法を提供しています.前提はブラウザが現代的で、バージョンが新しいことです.万悪のieはゴミです.ie 9が完璧にサポートされることを望んでいます.

<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>