javascript DOM与javascript交互详解

动态文档内容

    document.write(),是DOM遗留的一部分,作用是把内容写入文档.使用它有两种方式,一种是在脚本中使用,把输出的内容输入到当前正在被解析的文档中.如果javascript片段有defer属性,那么这个方法是不会起作用的.他不能在文档解析完成后工作.第二种方法,在其他窗口或者帧写新的文档.配套函数:window.open(),document.close().

此外还有document.writeln(),一次输出一行内容.

Document属性

cookie:一个特殊属性,允许读写HTTP cookie.

domain:该属性会放松相互信任的web服务器网页交换的安全性限制.

lastmodified:一个字符串,包含文档的修改日期

referer:文档的URL,包含把浏览器带到当前文档的链接.

title:文档的title标记之间的内容

URL:字符串

遗留的DOM:文档对象集合

anchors[]:锚记集合

applets[]:文档中的java applet

forms[]:文档中的表单集合

images[]:图片集合

links[]:超级链接集合

命名DOM对象的规则

 id是DOM元素的唯一标记,name是一个集合标记,可能会有多个name,用name获取到的是数组

Document对象上的事件句柄

表单的提交事件,选择列表的选择事件等等

W3C DOM 概览

把文档表示为树

子节点(children),父节点(parent),兄弟节点(sibling),后代节点(descendant),祖先节点(ancestor)

节点的方法:firstChild,lastChild,nextSibling,previousSibling,parentNode,appendChild,removeChild,

                   replaceChild,insertBefore

节点的类型:Element,Text,Document,Comment,DocumentFragment.Attr

属性: 用Element接口的getAttribute,setAttribute,removeAttribute实现对Element的属性查询,设置和删除.DOM标准允许通过Node接口的attributes[]数组访问Attr的节点,但IE不兼容它.当js的属性名称与html属性的名称发生冲突的时候,在html属性前面加"html"可以解决冲突.

文档中查找元素的方

法:document.getElementByTagName(),document.getElementById(),document.getElementsByName()

   由于DOM是一个树,所以对树的排序就是对DOM文档的排序;对树的修改就是对文档的修改.

使用Document片段

DocumentFragment是一类特殊节点,本身不出现在文档中,只作为连续节点的临时容器,并允许将这些节点作为一个对象操作.当把它作为一个对象插入时,插入的不是它本身,而是它的所有子节点.

给文档添加内容

document.createElement()方法和document.createTextNode()方法创建Element和Text节点.用节点的插入方法可以加入DOM树中.