七:操纵DOM树
createElement():创建节点
appendChild():末尾追加方式插入节点
insertBefore():在指定节点前插入新节点
cloneNode():克隆节点
八:核心Element对象
document.documentElement属性是访问文档根元素的快捷方式,对于浏览器的而已,其实是根元素解释<html>
使用document对象创建节点
使用Document对象的方法查找Element对象
九:DOM2标准的HTMLDocument
HTMLDocument对象从核心Document对象继承了所有的成员,并扩展了很多属性和方法:
- referrer:包含连接到当前页面的前一个页面的URL
- domain:包含当前站点的域名
- URL:半酣当前浏览器在查看当期那页面时地址栏中的URL
- body:引用body节点开始的DOM树
- images:是一个包含当前文档中所有“img”标签的数组(集合)
- applets:是一个包含当前文档中所有"applets"标签对应的DOM节点的数组(集合)
- links:是一个包含当前文档中所有"link"标签所对应的DOM节点的数组(集合)
- forms:是一个包含当前文档中所有"forms"标签所对应的DOM节点的数组(集合)
- anchors:是一个包含与当前文档中所有"a"标签对应的DOM节点的数组(集合)
- cookie:是一个包含当前页面中所有cookie信息的字符串
- HTML Document 对象也包括如下方法:
-
- open():打开一个文档以便接受weite()或writeln()方法的输出
- close():关闭当前的文档
- write(data):将输入写入到文档中
- writeln(data):将输入写入到文档的同时写入一个换行符
- getElementByName(elementName):除了不使用标签名而使用name="example"属性外,yugetElementByTagName()的工作方式相同
集成自核心Element的HTMLElement同样扩展了很多属性和方法:
- title:用于进一步对元素进行语义化描述和悬停工具条
- lang:是在RFc1766中为节点定义的语言代码
- dir:表示节点中文本的方向(默认是表示“从左到右的ltr”)
- classname:包含用作css连接点(hook)的所有class="button"属性
十一:操纵DOM树
createElement():创建节点
appendChild():末尾追加方式插入节点
insertBefore():在指定节点前插入新节点
cloneNode():克隆节点