H5扩展了一些新的功能 1.readyState 属性的两个属性值 loading 正在加载文档 complete 已经加载完文档 可以根据对象的状态触动触发函数 2.兼容模式 IE6开始区分渲染页面的模式是标准还是混杂的 标准模式下:document.compatMode = 'CSS1Compat' 混杂模式下:document.compatMode = 'BackCompat' 3.head属性 H5新增了document.head属性 var head = document.head |…

1.选择符API (1).querySelector()方法 querySelector()方法接受一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null. 通过Document类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素.而通过Element类型调用querySelector()方法时,只会在该元素的后代元素的范围内查找匹配的元素. (2).querySelectorAll()方法 querySelectorAll()方法接受的…

 HTML5 与类相关的扩充 1.getElementsByClassName()方法 改方法接受一个参数,即一个包含一或多个类名的字符串,返回带有指定类的所有元素的NodeList.传入多个类型时,先后顺序不重要. //取得所有类中包含"username"和"current"的元素,类名的先后顺序不重要 var allCurrentUsername = document.getElementsByClassName('username current'); //取…

第十一章 DOM扩展 一.选择符API 1.querySelector()方法             接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null. 2.querySelectorAll()方法         返回所有名为xxx的元素. 3.matchesSelector()方法 二.元素遍历 三.HTML5 1.与类相关的扩充                 1).getElementByClassName()方法                …

Selector API HTML5 DOM扩展 Element Traversal规范 Selector API 众多JavaScript库中,最常用的一个功能就是根据css选择符选择与某个模式匹配的DOM元素 Selector API Level1的核心是两个方法: querySelector.querySelectorAll   可以通过Document及Element的实例来调用他们.当使用Element调用时,首先会在整个文章中查询,然后取出在Element子节点中的元素返回.如果传入…

js011-DOM扩展 本章内容 理解Selecters API 使用HTML5 DOM扩展 了解转悠的DOM扩展 11.1选择符API JS中最常用的一项功能,就是根据css选择符选择与某个模式匹配的DOM元素. 11.1.1 querySlector()方法 该方法接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null 取得body元素 var body = document.querySlector("body"); 取得id为myDiv的元素…

classList属性 在操作类名时需要通过className属性添加.删除和替换类名 <div class="bd user disabled">...</div> //删除"user"类 var classNames=div.className.split(/\s+/); var pos=-1, i, len; for(i=0,len=classNames.length;i<len;i++){ if(classNames[i]==&…

一.选择符API SelectorsAPILevel 1的核心是两个方法:querySelector()和querySelectorAll(). 1. querySelector()方法 querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null.请看下面的例子: //取得body元素 var body = document.querySelector(“body”): //取得ID为”myDiv”的元素 var myDiv = d…

虽然DOM为XML及HTML文档交互制定了一系列的API,但仍然有几个规范对标准的DOM进行了扩展.这些扩展中,有很多是浏览器专有的,但后来成了事实标准,于是其他浏览器也提供了相同的实现:浏览器开发商发现某项功能缺失时,仍然会直接往DOM中添加专有扩展,以弥补不足.下面分别介绍这些标准扩展和专有扩展. 一.选择符API 选择符API的功能是根据CSS选择符选择与某个模式匹配的DOM元素.Jquery的核心就是通过CSS选择符查询DOM文档以取得元素的引用,从而抛开了getElementById(…

看完JavaScript高级程序设计,整理了一下里面的DOM这一块的知识点,比较多,比较碎!DOM在整个页面的地位如图: DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口).DOM描,绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 1.节点层次 DOM 可以将任何HTML 或XML 文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记.每个节点都拥有各自的特点.数据和方法,另外也与其他节点…