window.document返回一个htmldocument对象,表示对一个html文档的操作
htmldocument对象是在xmldocument基础上建立的,具有xmldocument的一切方法属性
1:
区别在于xmldocument中的element节点仅仅代表一个可以包括子节点的节点,比如<chl></chl>。因为xml中的标签是自定义的。
而htmldocument中的element节点是各种定义好标签的节点,比如<Anchor></Anchor> <Image></Image>等。因为html中的标签定义好的,htmldocument就为这些固定的element节点对象提供了一些属性和方法,用以更快捷方便的操作各种名称标签的节点。
我们通过通用xmldocument方法,比如getElementbyId(),getElementByTagName(),getElementByName()方法取得一个html element之后,就根据这个节点的标签类型使用方法属性了,比如我们得到一个Image 节点,就可以使用这些方法和属性还有事件
或者得到一个table节点
2:
在htmldocument中,我们使用attbute节点,应该像使用自己的属性一样(见js高级程序设计155页)
htmldocument对象是在xmldocument基础上建立的,具有xmldocument的一切方法属性
1:
区别在于xmldocument中的element节点仅仅代表一个可以包括子节点的节点,比如<chl></chl>。因为xml中的标签是自定义的。
而htmldocument中的element节点是各种定义好标签的节点,比如<Anchor></Anchor> <Image></Image>等。因为html中的标签定义好的,htmldocument就为这些固定的element节点对象提供了一些属性和方法,用以更快捷方便的操作各种名称标签的节点。
我们通过通用xmldocument方法,比如getElementbyId(),getElementByTagName(),getElementByName()方法取得一个html element之后,就根据这个节点的标签类型使用方法属性了,比如我们得到一个Image 节点,就可以使用这些方法和属性还有事件
Image 对象的属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| align | 设置或返回与内联内容的对齐方式。 | 5 | 1 | 9 | Yes |
| alt | 设置或返回无法显示图像时的替代文本。 | 5 | 1 | 9 | Yes |
| border | 设置或返回图像周围的边框。 | 4 | 1 | 9 | Yes |
| complete | 返回浏览器是否已完成对图像的加载。 | 4 | 1 | 9 | No |
| height | 设置或返回图像的高度。 | 4 | 1 | 9 | Yes |
| hspace | 设置或返回图像左侧和右侧的空白。 | 4 | 1 | 9 | Yes |
| id | 设置或返回图像的 id。 | 4 | 1 | 9 | Yes |
| isMap | 返回图像是否是服务器端的图像映射。 | 5 | 1 | 9 | Yes |
| longDesc | 设置或返回指向包含图像描述的文档的 URL。 | 6 | 1 | 9 | Yes |
| lowsrc | 设置或返回指向图像的低分辨率版本的 URL。 | 4 | 1 | 9 | No |
| name | 设置或返回图像的名称。 | 4 | 1 | 9 | Yes |
| src | 设置或返回图像的 URL。 | 4 | 1 | 9 | Yes |
| useMap | 设置或返回客户端图像映射的 usemap 属性的值。 | 5 | 1 | 9 | Yes |
| vspace | 设置或返回图像的顶部和底部的空白。 | 4 | 1 | 9 | Yes |
| width | 设置或返回图像的宽度。 | 4 | 1 | 9 | Yes |
Standard Properties
| Property | Description | IE | F | O | W3C |
|---|---|---|---|---|---|
| className | Sets or returns the class attribute of an element | 5 | 1 | 9 | Yes |
| title | Sets or returns an element's advisory title | 5 | 1 | 9 | Yes |
Image 对象的事件句柄
| 事件句柄 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| onabort | 当用户放弃图像的装载时调用的事件句柄。 | 5 | 1 | 9 | Yes |
| onerror | 在装载图像的过程中发生错误时调用的事件句柄。 | 5 | 1 | 9 | Yes |
| onload | 当图像装载完毕时调用的事件句柄。 | 5 | 1 | 9 | Yes |
或者得到一个table节点
Table 对象的集合
| 集合 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| cells[] | 返回包含表格中所有单元格的一个数组。 | 5 | 1 | 1 | No |
| rows[] | 返回包含表格中所有行的一个数组。 | 4 | 1 | 9 | Yes |
| tBodies[] | 返回包含表格中所有 tbody 的一个数组。 | 4 | Yes |
Table 对象的属性
| 属性 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| align | 表在文档中的水平对齐方式。(已废弃) | - | - | - | - |
| bgColor | 表在文档中的水平对齐方式。(已废弃) | - | - | - | - |
| border | 设置或返回表格边框的宽度。 | 4 | 1 | 9 | Yes |
| caption | 对表格的 <caption> 元素的引用。 | 4 | 1 | 9 | Yes |
| cellPadding | 设置或返回单元格内容和单元格边框之间的空白量。 | 4 | 1 | 9 | Yes |
| cellSpacing | 设置或返回在表格中的单元格之间的空白量。 | 4 | 1 | 9 | Yes |
| frame | 设置或返回表格的外部边框。 | 4 | 1 | 9 | Yes |
| id | 设置或返回表格的 id。 | 4 | 1 | 9 | Yes |
| rules | 设置或返回表格的内部边框(行线)。 | 4 | 1 | 9 | Yes |
| summary | 设置或返回对表格的描述(概述)。 | 6 | 1 | 9 | Yes |
| tFoot | 返回表格的 TFoot 对象。如果不存在该元素,则为 null。 | 4 | 1 | 9 | Yes |
| tHead | 返回表格的 THead 对象。如果不存在该元素,则为 null。 | 4 | 1 | 9 | Yes |
| width | 设置或返回表格的宽度。 | 4 | 1 | 9 | Yes |
Standard Properties
| Property | Description | IE | F | O | W3C |
|---|---|---|---|---|---|
| className | Sets or returns the class attribute of an element | 5 | 1 | 9 | Yes |
| dir | Sets or returns the direction of text | 5 | 1 | 9 | Yes |
| lang | Sets or returns the language code for an element | 5 | 1 | 9 | Yes |
| title | Sets or returns an element's advisory title | 5 | 1 | 9 | Yes |
Table 对象的方法
| 方法 | 描述 | IE | F | O | W3C |
|---|---|---|---|---|---|
| createCaption() | 为表格创建一个 caption 元素。 | 4 | 1 | 9 | Yes |
| createTFoot() | 在表格中创建一个空的 tFoot 元素。 | 4 | 1 | 9 | Yes |
| createTHead() | 在表格中创建一个空的 tHead 元素。 | 4 | 1 | 9 | Yes |
| deleteCaption() | 从表格删除 caption 元素以及其内容。 | 4 | 1 | 9 | Yes |
| deleteRow() | 从表格删除一行。 | 4 | 1 | 9 | Yes |
| deleteTFoot() | 从表格删除 tFoot 元素及其内容。 | 4 | 1 | 9 | Yes |
| deleteTHead() | 从表格删除 tHead 元素及其内容。 | 4 | 1 | 9 | Yes |
| insertRow() | 在表格中插入一个新行。 | 4 | 1 | 9 | Yes |
2:
在htmldocument中,我们使用attbute节点,应该像使用自己的属性一样(见js高级程序设计155页)
浙公网安备 33010602011771号