关键词：
javascript库中最常用的一项功能，就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上jQuery的核心就是通过css选择符查询DOM文档取得元素的引用，从而抛开了getElementById()和getElementByTagName()
Selectors API就是有W3C发起的一个标准，致力于让浏览器原生支持CSS查询。
Selectors API 的核心两个方法：querySelector()和querySelectorAll().在兼容的浏览器中可以通过Document及Element类型的实例调用它们。
querySelector()方法接收一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null。
var body=document.querySelector("body"); alert(body.nodeName);//BODY
querySelectorAll()方法接收的参数与querySelector()方法一样，都是一个CSS选择符，但返回的是所有匹配的元素而不仅仅是一个元素。该方法返回一个NodeList的实例。返回的值实际上是带有所有属性和方法的NodeList，其底层实现则类似与一组元素的快照，而不是对文档进行搜索的动态查询。
要取得NodeList中的每一个元素，可以使用item()方法，也可以使用方括号语法。
matchesSelector()方法
Selector API Level2为ELement类型新增了一个方法matchesSelector()。这个方法接收一个参数，即CSS选择符，如果调用元素与该选择符匹配，则返回true，否则返回false。
CSS选择符(引用自疯狂的兔子的博客)
javascript高级程序设计第十一章--dom扩展
javascript高级程序设计第十一章--DOM扩展DOM最主要的扩展就是选择符API、HTML5和ElementTraversal SelectorsAPI：定义了两个方法querySelector()和querySelectorAll()，能够基于CSS选择符从DOM中取得元素。querySelector()方法接... 查看详情
第十五篇：javascript之dom操作
一、后台管理页面布局二、JavaScript函数三、eval以及时间操作四、JavaScript作用域五、JavaScript面向对象模型六、DOM选择器七、DOM事件操作八、DOM绑定事件的分离绑定方法 查看详情
javascript之dom编程
...以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。一、查找元素（选择器）1、直接查找document.getElementById&nb 查看详情
javascript里面之dom操作
1、dom之选择元素<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>你好</title></head><body><div><divclass="c1"></div><divclass 查看详情
dom扩展
下述内容主要讲述了《JavaScript高级程序设计（第3版）》第11章关于“DOM扩展”。尽管DOM作为API已经非常完善了，但是为了实现更多的功能，仍然会有一些标准或专有的扩展。对DOM的两个主要扩展是SelectorsAPI（选择符API）和HTML5。... 查看详情
javascript之dom对象的获取
之前我们讲过JavaScript之DOM对象获取的两篇文章，本文是该系列文章之三，点击回顾上两篇文章能更好地理解本文。《JavaScript之DOM对象的获取（一）》；《JavaScript之DOM对象的获取（二）》接下来，开始讲述本文内容。在文档中，... 查看详情
javascript之dom
1.Node类型 节点关系操作节点： Document类型Element 查看详情
dom扩展-selectorsapi(选择符api)
DOM扩展 对DOM的两个主要扩展是SelectorsAPI(选择符API)和HTML5SelectorsAPI(选择符API)是由W3C发起制定的一个标准，致力于浏览器原生支持CSS查询，SelectorsAPILevel1的核心是两个方法：querySelector()和querySelectorAll(),可以通过Document及Element... 查看详情
javascript的dom扩展
虽然DOM为与XML及HTML文档交互制定了一系列核心API，但仍然有几个规范对标准的DOM进行了扩展。这些扩展中有很多原来是浏览器专有的，但后来成为了事实标准，于是其他浏览器也都提供了相同的实现。本章介绍的三个这方面的... 查看详情
javascript之dom操作
...除HTML元素的标准。通过HTMLDOM，树中的所有节点均可通过JavaScript进行访问。所有HTML元素（节点）均可被修改，也可以创建或删除节点当网页被加载时，浏览器会创建页面的文档对象模型（DocumentObjec 查看详情
javascript之dom
DOM中比较常用的类型有Element类型，Text类型，Attr类型，Comment类型（注释），Document类型（文档），DocumentFragment类型。Element类型提供了对元素标签名，子节点，特性的访问。nodeType：1nodeName：元素标签名，tagName也是返回标签名。n... 查看详情
js-javascript高级程序设计学习笔记7
第十一章DOM扩展1、对DOM的两个主要的扩展是SelectorsAPI（选择符API）和HTML5。2、jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用，从而抛开了getElementById（）和getElementsByTagName（）。3、SelectorAPILevel1的核心是两个方法：quer... 查看详情
javascript之dom
一. 什么是DOM、DOMTree、查找元素:1.什么是DOM:DocumentObjectModelDHTML:所有实现网页动态效果的技术统称DHTML=HTML+CSS+JS鄙视题:HTMLXHTMLDHTMLXMLHTML:HyperTextMarkuplanguage专门编写网页内容的语言XHTML:严格的HTML语言标准DHTML:所有动态网页技术... 查看详情
javascript之dom文档对象模型
1、DOM是文档对象模型（DocumentObjectModel）的简称。当网页加载时，可以将结构化文档在内存中转换成对象树。简单的说，DOM并不是一种技术，而是一种访问结构化文档的思想。借助DOM模型，我们可以对DOM树进行修改、删除、新增... 查看详情
javascript进阶之dom
JavaScript进阶之DOM(一)目录总览一、WebAPI介绍1.API的概念API是一些预先定义的函数。无需理解其内部工作机制细节，只需直接调用使用即可。例如，javascript中函数alert()，2.WebAPI的概念WebAPI是浏览器提供的一套操... 查看详情
javascript进阶之dom
...以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。当网页被加载时，浏览器会创建页面的文档对象模型（DocumentObjec 查看详情
jquery之选择器
...择器中的属性选择用中括号括起来[] $(‘ul.langli.lang-javascript‘);//[<liclass="lang-javascript">JavaScript</li>] $(‘div.testingli.lang-javascript‘);//[<liclass="lang-javascript">JavaScript</li>] $(‘form[name=upload]input‘); ... 查看详情
javascript学习笔记(10)——javascript语法之操作dom
...以在window.onload中用，否则整个html页面将被覆盖。2.通过javascript获取对象后，改变对象中的html内容：document.getElementById(id).innerHTML=newHTML。3.改变对象的属性：document.getElementById(id).attribute=newvalue。4 查看详情