详解 HTMLElement 对象属性和方法

HTMLElement 对象的属性

一个 HTML 文档中的每个元素都有和元素的 HTML 属性对应的属性。这里列出了所有 HTML 标记都支持的属性。其他的属性,都特定于某种具体的 HTML 标记。HTMLElement 对象继承了 Node  Element 对象的标准属性,也实现了下面所描述的几个非标准属性:

className
规定元素的 class 属性。注意:该属性名不是 “class”,因为 “class” 是 JavaScript 中的保留字。类型:String。状态:可写。

currentStyle
这一特定于 IE 的属性应用于元素的所有 CSS 属性的级联组。它是 Window.getComputedStyle() 的仅用于 IE 的替代。类型:String。状态:可写。

dir
规定元素的 dir 属性,声明了文档文本的方向。类型:String。状态:可写。

id
规定元素的 id 属性。在一个文档中,没有两个元素具有相同的 id 值。类型:String。状态:可写。

innerHTML
规定了元素所包含的字符串,不包括元素自身的开始标记和结束标记。查询这一属性会将元素的内容作为一个 HTML 文本串返回。将这个属性设置为一个 HTML 文本串,则可以用 HTML 的解析表示来替换元素的内容。在文档载入的时候,不能设置这个属性。这个一个源自于 IE4 的非标准属性,已经得到所有现代浏览器的支持。类型:String。状态:可写。

lang
规定元素的 lang 属性,声明了元素内容的语言代码。类型:String。状态:可写。

offsetHeight, offsetWidth
返回元素的高度和宽度,以像素为单位。这是非标准的但却得到很好支持的属性。类型:int。状态:只读。

offsetLeft
返回当前元素的左边界到它的包含元素的左边界的偏移量,以像素为单位。类型:int。状态:只读。

offsetTop
返回当前元素的上边界到它的包含元素的上边界的偏移量,以像素为单位。类型:int。状态:只读。

offsetParent
返回对最近的动态定位的包含元素的引用,所有的偏移量都根据该元素来决定。如果元素的 style.display 设置为 none,则该属性返回 null。这是非标准的但却得到很好支持的属性。类型:Node。状态:只读。

scrollHeight, scrollWidth
返回元素的完整的高度和宽度,以像素为单位。当一个元素拥有滚动条时(比如由于 CSS 的 overflow 属性),这些属性和 offsetHeight 与 offsetWidth 不同,offsetHeight 和 offsetWidth 只是报告元素的可见部分的大小。这是非标准的但却得到很好支持的属性。类型:int。状态:只读。

scrollTop, scrollLeft
设置或返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候,例如,元素的 CSS overflow 属性设置为 auto 的时候,这些像素才有用。这些属性也只在文档的 <body> 或 <html> 标记上定义(这和浏览器有关),并且一起来制定滚动文档的位置。注意,这些属性并不会指定一个 <iframe> 标记的滚动量。这是非标准的但却得到很好支持的属性。类型:int。状态:可写。

style
返回为当前元素设置内联 CSS 样式的 style 属性的值。注意,这个属性的值不是一个字符串。类型:CSS2Properties。状态:只读。

title
规定元素的 title 属性。当鼠标悬停在元素上的时候,很多浏览器在元素的“工具提示”中显示这一属性的值。类型:String。状态:可写。

HTMLElement 对象的方法

HTMLElement 对象继承了 Node  Element 对象的标准方法。某些类型的元素实现了特定于标记的方法,W3School 在 HTML DOM 参考手册的各标记参考页中提供了这些方法的信息。

大部分现代浏览器也都实现了如下的非标准方法:

方法 描述
scrollIntoView() 滚动文档。使该元素出现在窗口的顶部或底部。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>