HTML5的selector選擇DOM元素API.

標籤：style   blog   color   io   ar   div   cti   sp   代碼   

在html5新增的API中,在JS中有直接選擇DOM元素的API函數;

分別是

　　document.querySelector(‘.類名 或者 #id名‘);返回所選符合元素的第一個元素

　　document.querySelectorAll(‘.類名 或者 #id名‘);返回所選符合元素的元素集合,有length屬性.

 

該API函數在IE7標準模式下不相容,其他的還行.

貼代碼:

　　

 1 <title>無標題文檔</title> 2 <script> 3     window.onload=function(){ 4         var Box=document.querySelector(‘#box‘); 5         var A=document.querySelectorAll(‘.hi‘); 6         console.log(A.length); 8         Box.style.background=‘red‘; 9     }10 </script>11 </head>12 13 <body>14     <div id="box">15         HelloWorld16     </div>17     <div class="hi">18         HelloWorld19     </div>20     <div class="hi">21         HelloWorld22     </div>23 </body>

 

　　

HTML5的selector選擇DOM元素API.