码迷,mamicode.com
首页 > Windows程序 > 详细

HTML5的selector选择DOM元素API.

时间:2014-09-06 12:16:43      阅读:240      评论:0      收藏:0      [点我收藏+]

标签: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         HelloWorld
16     </div>
17     <div class="hi">
18         HelloWorld
19     </div>
20     <div class="hi">
21         HelloWorld
22     </div>
23 </body>

 

  

HTML5的selector选择DOM元素API.

标签:style   blog   color   io   ar   div   cti   sp   代码   

原文地址:http://www.cnblogs.com/hellome/p/3959259.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!