DOM
DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。
节点层次
Node类型
每个节点都有一个nodeType属性。
1. nodeName和nodeValue
这两个值分别返回节点的名称和值,value值始终为null?
2. 主要阐述了childNodes、parentNode属性,似乎用jQuery方便很多
3. appendChild、firstChild、lastChild、insertBefore、replaceChild、removeChild
Document类型
document表示整个文档,表示整个HTML页面。通过这个文档对象,不仅可以获取与页面有关的信息,还能操作页面的外观和底层结构。
1. 文档的子节点
最常用的无疑是body了。
var body=document.body 来获取<body>的引用
2. 文档信息
document.title: 获取或设置网页title属性
document.URL: 获取包含页面的完整的URL
document.domain: 获取包含页面的域名
document.referrer:获取保存着链接到当前页面的那个页面的URL,没有来源页面的情况下,返回的是空字符串。
如果domain属性设置为相同的值,则可以互相访问对方包含的JavaScript对象。
3. 查找元素
getElementById:要是有多个元素id相同,则只返回第一个id元素。在IE7和之前的版本,如果一个元素的name值也是id值,那么这个元素也会被返回。
getElementsByTagName
getElementsByClassName
4. 文档写入
document对象的 write()和writeln方法:都是些人内容,后者有换行。
在XHTML严格模式下,不支持此方法
比如:类似添加标签
Element类型
1. HTML元素
其他的(id、title、lang、chass)很简单,介绍下dir吧
dir:语言的方向,ltr(left-to-right从左到右),rtl(反之)
2. 取得特性
getAttribute()、setAttribute()和removAttribute()就是JQuery中的attr()方法。
获取元素的属性,包括自定义属性,参数是属性名就行
3. 创建元素
createElement
Text类型
1. 创建文本
createTextNode():创建文本节点
标准的插入p元素,并且p元素里有文本内容
normalize():将同一元素下的同辈文本内容合并。
splitText():将指定文本分割