1.新方法
添加了getElementsByClassName()
2.classList属性
a. add(): 添加
b. remove() : 移除
c. contains() : 包含
d: toggle() : 切换
3.焦点
hasFocus()是否获得焦点,返回布尔
document.activeElement属性,始终会引用DOM中当前获得焦点的元素
4.HTMLDocument的变化
a. readyState有两个值:
(1) loading: 正在加载文档
(2)complete: 已经加载完成文档
用法:if( document.readyState == "complete") {
//执行操作
}
b. 兼容模式
(1)标准模式: document.compatMode ==" CSS1Compat"
(2)混杂模式: document.compatMode == "BackCompat"
c. 自定义属性
5.插入标记:
a.innerHTML属性: 返回与调用元素的所有子节点对应的HTML标记 注:不能插入script标签
b.outerHTML属性: 在读模式下,返回调用他的元素和所有子节点的html标签;在写模式下,会根据指定的HTML字符串创建新的DOM子树,然后用这个DOM子树替换调用元素。
c.insertAdjacentHTML()方法: 插入的位置和要插入的HTML文本
第一个元素必须是"beforebegin", "afterbegin", "beforeend", "afterend"
6.scrollIntoView()方法:ture/false
7.文档模式
IE8引入了一个新的概念叫文档模式,文档模式决定了你使用哪种css。
IE5: 混杂模式
IE7 : 以IE7标准模式渲染页面
IE8 : 以IE8标准模式渲染页面
IE9 : 以IE9标准模式渲染页面
强制浏览器以某种模式渲染页面,可以使用HTTP头部信息X-UA-Compatible,或等价的标签来设置:
<mata http-equiv="X-UA-Compatible" content="IE=IEVersion">
8.Children属性 : 以下两个结果是一样的
var childCount = element.children.length;
var firstChild = element.children[0];
9.