首页 > 代码库 > HTML5的selector选择DOM元素API.
HTML5的selector选择DOM元素API.
在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.
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。