《dom参考手册》由会员分享，可在线阅读，更多相关《dom参考手册（22页珍藏版）》请在金锄头文库上搜索。
1、- 1 -DOM 参考手册Anchor 对象Anchor 对象代表一个 HTML 超链接。在 HTML 文档中 标签每出现一次，Anchor 对象就会被创建。锚可用于创建到另一个文档的链接（通过 href 属性） ，或者创建文档内的书签。Anchor 对象的属性属性描述： accessKey 设置或返回访问一个链接的快捷键。 charset 设置或返回被链接资源的字符集。 coords 设置或返回逗号分隔列表，其中包含了图像映射中一个链接的坐标。 href 设置或返回被链接资源的 URL。 hreflang 设置或返回被链接资源的语言代码。 id 设置或返回一个链接的 id。 innerHTM
2、L 设置或返回一个链接的内容。 name 设置或返回一个链接的名称。 rel 设置或返回当前文档与目标 URL 之间的关系。 rev 设置或返回目标 URL 与之间当前文档的关系。 shape 设置或返回图像映射中某个链接的形状。 tabIndex 设置或返回某个链接的 Tab 键控制次序。 target 设置或返回在何处打开链接。 type 设置或返回被链接资源的 MIME 类型。标准属性： className 设置或返回元素的 class 属性。 dir 设置或返回文本的方向。 lang 设置或返回元素的语言代码。 title 设置或返回元素的 title。属性说明：1、accessKey
3、 属性可设置或返回访问一个链接的键盘按键。请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点。语法：anchorObject.accessKey=accessKey实例： document.getElementById(w3).accessKey=w2、tabIndex 属性可为链接设置或返回 tab 键控制次序。语法：anchorObject.tabIndex=tabIndex实例：下面的例子可更改三个链接的 tab 键控制次序：function changeTabIndex() document.getElementById(1).tabIndex=3document.
4、getElementById(2).tabIndex=2- 2 -document.getElementById(3).tabIndex=13、target 属性可设置或返回在何处打开链接。语法：anchorObject.target=_blank|_parent|_self|_top 四个保留的目标名称： _blank - 在一个新的未命名的窗口载入文档 _self - 在相同的框架或窗口中载入目标文档 _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集 _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 实例：document.getElemen
5、tById(myAnchor).target=_blank;Anchor 对象的方法方法描述： blur() 把焦点从链接上移开 focus() 给链接应用焦点Body 对象Body 对象代表文档的主体 (HTML body) 。Body 对象的属性属性描述： className 设置或返回元素的 class 属性 dir 设置或返回文本的方向 id 设置或返回 body 的 id lang 设置或返回元素的语言代码 title 设置或返回元素的咨询性的标题 Button 对象Button 对象代表一个按钮。在 HTML 文档中 标签每出现一次，Button 对象就会被创建。Button 对象
6、的属性属性描述： accessKey 设置或返回访问某个按钮的快捷键。 alt 设置或返回当浏览器无法显示按钮时供显示的替代文本。 disabled 设置或返回是否禁用按钮。 form 返回对包含按钮的表单的引用。 id 设置或返回按钮的 id。 name 设置或返回按钮的名称。 - 3 - tabIndex 设置或返回按钮的 Tab 键控制次序。 type 返回按钮的表单类型。 value 设置或返回显示在按钮上的文本。属性说明：1、disabled 属性可设置或返回是否禁用按钮。语法：buttonObject.disabled=true|false实例：document.getElemen
7、tById(myButton).disabled=true2、form 属性可返回对包含该按钮的表单的引用。如果包含该按钮，则返回一个 form 对象，如果未包含该按钮，则返回 null。语法：buttonObject.form实例：下面的例子可返回该按钮所属的表单的 id：The form containing the button is: x=document.getElementById(button1);document.write(x.form.id);3、type 属性可返回表单元素的类型。对于一个 Buttom 对象，则永远是 button 类型。语法：buttonObject.
8、type实例：alert(document.getElementById(myButton).type)Button 对象的方法方法描述： blur() 把焦点从元素上移开。 click() 在某个按钮上模拟一次鼠标单击。 focus() 为某个按钮赋予焦点。Checkbox 对象Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。Checkbox 对象的属性属性描述： accessKey 设置或返回访问 checkbox 的快捷键。 alt 设置或返回当浏览器不支持 checkbox 时供显示的替代文本。 che
9、cked 设置或返回 checkbox 是否应被选中。 defaultChecked 返回 checked 属性的默认值。 disabled 设置或返回 checkbox 是否应被禁用。 - 4 - form 返回对包含 checkbox 的表单的引用。 id 设置或返回 checkbox 的 id。 name 设置或返回 checkbox 的名称。 tabIndex 设置或返回 checkbox 的 tab 键控制次序。 type 返回 checkbox 的表单元素类型。 value 设置或返回 checkbox 的 value 属性的值 Checkbox 对象的方法方法描述： blur()
10、 从 checkbox 上移开焦点。 click() 模拟在 checkbox 中的一次鼠标点击。 focus() 为 checkbox 赋予焦点。Document 对象Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。Document 对象的集合集合说明： all 提供对文档中所有 HTML 元素的访问。 anchors 返回对文档中所有 Anchor 对象的引用。 applets 返回对文档中所有 Applet 对象的引用。 forms 返回对文档中所有 F
11、orm 对象引用。 images 返回对文档中所有 Image 对象引用。 links 返回对文档中所有 Area 和 Link 对象引用。 Document 对象的属性属性描述： body 提供对 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 。 cookie 设置或返回与当前文档有关的所有 cookie。 domain 返回当前文档的域名。 lastModified 返回文档被最后修改的日期和时间。 referrer 返回载入当前文档的文档的 URL。 title 返回当前文档的标题。 URL 返回当前文档的 URL。 Document 对象的方法方法描述： close()
12、关闭用 document.open() 方法打开的输出流，并显示选定的数据。 - 5 - getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的对象集合。 getElementsByTagName() 返回带有指定标签名的对象集合。 open() 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。 write() 向文档写 HTML 表达式 或 JavaScript 代码。 writeln() 等同于 write() 方法，不同的是在每个表达式之后
13、写一个换行符。 方法说明：1、close() ：关闭一个由 document.open 方法打开的输出流，并显示选定的数据。语法：document.close()说明：该方法将关闭 open() 方法打开的文档流，并强制地显示出所有缓存的输出内容。如果您使用 write() 方法动态地输出一个文档，必须记住当你这么做的时候要调用 close() 方法，以确保所有文档内容都能显示。一旦调用了 close()，就不应该再次调用 write()，因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档。实例：function createNewDoc() var newDoc=docume
14、nt.open(text/html,replace);var txt=Learning about the DOM is FUN!;newDoc.write(txt);newDoc.close();2、open() ：打开一个新文档，并擦除当前文档的内容。语法：document.open(mimetype,replace)参数描述： mimetype 可选。规定正在写的文档的类型。默认值是 text/html。 replace 可选。当此参数设置后，可引起新文档从父文档继承历史条目。说明：该方法将擦除当前 HTML 文档的内容，开始一个新的文档，新文档用 write() 方法或 writeln
15、() 方法编写。调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后，必须记住用 close 方法关闭文档，并迫使其内容显示出来。属于被覆盖的文档的一部分的脚本或事件句柄不能调用该方法，因为脚本或事件句柄自身也会被覆盖。- 6 -3、getElementById() ：返回对拥有指定 ID 的第一个对象的引用。语法：document.getElementById(id)说明：getElementById() 是一个重要的方法，在 DOM 程序设计中，它的使用非常常见。我们为您定义了一个工具函数，这样您就可以通过一个较短的名字来使用 getElementById() 方法了：function id(x) if (typeof x = string)return document.getElementById(x);return x;这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，您只要在使用前编写 x = id(x) 就可以了。4、getElementsByName() ：返回带有指定名称的对象的集合。语法：document.getElementsByName(name)说明：
