HTML5新的javascript选择器

新的选择器
document.querySelector("selector");
selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;
支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+

document.querySelectorAll("selector");
selector:根据CSS选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;
支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+

document.getElementsByClassName("selector");
selector:根据类选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;
支持： Chrome 4.0+, FireFox 3.0+, Safari 3.2+, Opera 10.1+, IE 8+

案例如下：
HTML结构如下:

 1 <div class="content">　　
 2 <ul>　　　　
 3 <li>实例</li>
 4 　　　　
 5 <li class="exp">实例</li>
 6 　　　　
 7 <li class="exp">实例</li>
 8 　　　　
 9 <li class="exp">实例</li>
10 　　　　
11 <li>实例</li>
12
13 　　</ul>
14
15 </div>

1、如果想要获得第一个li元素，我们只需要:
document.querySelector(".content ul li");

2、如果想要获得所有li元素，我们只需要:
document.querySelectorAll(".content ul li");

3、如果想要获得所有class为w3c的li元素，我们只需要:
document.getElementsByClassName("w3c");

HTML5新的javascript选择器相关推荐

HTML5 新特性
一.HTML5与HTML4 1.1 推出的理由和目标 H5的出现,对于Web来说意义重大.因为他的意图是想要把目前Web上存在的各种问题一并解决掉. Web浏览器之间的兼容性很低文档结构不够明确(增 ...
html5新特性移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
CSS3新特性——新增选择器，2D/3D转换，动画
CSS3新特性--新增选择器,2D/3D转换,动画欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页 ...
HTML5新标签及特性
HTML5 html经过了第5次重大改版,增加了一些语义化的标签高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的标签仍然可以用 1.新特性新增语义化元素新增表单相 ...
HTML5新特性总结 1
文章目录 HTML5 HTML5 浏览器支持 HTML5新元素 HTML5 Canvas 浏览器支持创建一个画布(Canvas) 使用 JavaScript 来绘制图像画线.画圆.写字.渐变效果 ...
js原生后代选择器_HTML5的JavaScript选择器介绍
在HTML5出现之前使用JavaScript查找DOM元素,有以下三种原生的方法: getElementById:根据指定元素的id属性返回元素 getElementsByName:返回所有指定nam ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
HTML中三维特性,前端进阶系列(三):HTML5新特性
HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的.现在国内普遍说的 H5 是包 ...

HTML5新的javascript选择器

HTML5新的javascript选择器相关推荐

最新文章

热门文章