HTML5的selector选择DOM元素API.
2014-09-06 11:30
375 查看
在html5新增的API中,在JS中有直接选择DOM元素的API函数;
分别是
document.querySelector('.类名 或者 #id名');返回所选符合元素的第一个元素
document.querySelectorAll('.类名 或者 #id名');返回所选符合元素的元素集合,有length属性.
该API函数在IE7标准模式下不兼容,其他的还行.
贴代码:
分别是
document.querySelector('.类名 或者 #id名');返回所选符合元素的第一个元素
document.querySelectorAll('.类名 或者 #id名');返回所选符合元素的元素集合,有length属性.
该API函数在IE7标准模式下不兼容,其他的还行.
贴代码:
<title>无标题文档</title>
<script>
window.onload=function(){
var Box=document.querySelector('#box');
var A=document.querySelectorAll('.hi');
console.log(A.length);
Box.style.background='red';
}
</script>
</head>
<body>
<div id="box">
HelloWorld
</div>
<div class="hi">
HelloWorld
</div>
<div class="hi">
HelloWorld
</div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5中DOM元素的querySelector/querySelectorAll的工作机制
- JS原生属性选择器querySelector----通过href属性获取对应a标签的Dom元素
- jQuery选择器对应的DOM API ——选择元素
- HTML5中DOM元素的querySelector/querySelectorAll的工作机制
- 抛弃jQuery：DOM API之选择元素
- HTML5 DOM元素类名相关操作API classList简介
- HTML5 DOM元素类名相关操作API classList简介
- jQeury中获取dom元素的几种方式-$(selector)、$()示例 (转载)
- Chrome 11的一些新动向：CSS引用、HTML5 日期选择器模型和P2P API
- jQuery碎语(1) 基础、选择要操作的元素、处理DOM元素
- 跟随标准与Webkit源码探究DOM -- 获取元素之querySelector，querySelectorAll
- Chrome 11的一些新动向：CSS引用、HTML5 日期选择器模型和P2P API
- （3）选择元素——（11）DOM遍历方法（DOM traversal methods）
- 类似CSS选择器一样选择DOM——querySelector()&&querySelectorAll()
- querySelector & querySelectorAll --- 像CSS一样选择DOM
- （3）选择元素——（10）表单选择器（form selector）
- learning jQuery 学习笔记十一（+jQuery 1.4.1 API）-- DOM操作-基于命令改变页面 ----移动元素
- learning jQuery 学习笔记十三（+jQuery 1.4.1 API）-- DOM操作-基于命令改变页面 ----复制元素及其它
- Dom元素基本操作方法API，先记录下，方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本
- querySelector & querySelectorAll --- 像CSS一样选择DOM