className

规定元素的 class 属性。注意:该属性名不是 “class”,因为 “class” 是 JavaScript 中的保留字。类型: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() 滚动文档。使该元素出现在窗口的顶部或底部。

element对象和HTMLElement对象有什么区别

HTMLElement 对象表示 HTML 中的一个元素.
HTMLElement 对象继承了Element 对象的标准属性,也实现了一些非标准属性.
它们都可以看成是DOM(文档对象模型),DOM 是 W3C(万维网联盟) 的推荐标准.

属性和方法

下面的属性和方法可用于所有 HTML 元素上:

属性 / 方法 描述
element.accessKey 设置或返回元素的快捷键。
element.appendChild() 向元素添加新的子节点,作为最后一个子节点。
element.attributes 返回元素属性的 NamedNodeMap。
element.childNodes 返回元素子节点的 NodeList。
element.className 设置或返回元素的 class 属性。
element.clientHeight 返回元素的可见高度。
element.clientWidth 返回元素的可见宽度。
element.cloneNode() 克隆元素。
element.compareDocumentPosition() 比较两个元素的文档位置。
element.contentEditable 设置或返回元素的文本方向。
element.dir 设置或返回元素的内容是否可编辑。
element.firstChild 返回元素的首个子。
element.getAttribute() 返回元素节点的指定属性值。
element.getAttributeNode() 返回指定的属性节点。
element.getElementsByTagName() 返回拥有指定标签名的所有子元素的集合。
element.getFeature() 返回实现了指定特性的 API 的某个对象。
element.getUserData() 返回关联元素上键的对象。
element.hasAttribute() 如果元素拥有指定属性,则返回true,否则返回 false。
element.hasAttributes() 如果元素拥有属性,则返回 true,否则返回 false。
element.hasChildNodes() 如果元素拥有子节点,则返回 true,否则 false。
element.id 设置或返回元素的 id。
element.innerHTML 设置或返回元素的内容。
element.insertBefore() 在指定的已有的子节点之前插入新节点。
element.isContentEditable 设置或返回元素的内容。
element.isDefaultNamespace() 如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
element.isEqualNode() 检查两个元素是否相等。
element.isSameNode() 检查两个元素是否是相同的节点。
element.isSupported() 如果元素支持指定特性,则返回 true。
element.lang 设置或返回元素的语言代码。
element.lastChild 返回元素的最后一个子元素。
element.namespaceURI 返回元素的 namespace URI。
element.nextSibling 返回位于相同节点树层级的下一个节点。
element.nodeName 返回元素的名称。
element.nodeType 返回元素的节点类型。
element.nodeValue 设置或返回元素值。
element.normalize() 合并元素中相邻的文本节点,并移除空的文本节点。
element.offsetHeight 返回元素的高度。
element.offsetWidth 返回元素的宽度。
element.offsetLeft 返回元素的水平偏移位置。
element.offsetParent 返回元素的偏移容器。
element.offsetTop 返回元素的垂直偏移位置。
element.ownerDocument 返回元素的根元素(文档对象)。
element.parentNode 返回元素的父节点。
element.previousSibling 返回位于相同节点树层级的前一个元素。
element.removeAttribute() 从元素中移除指定属性。
element.removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
element.removeChild() 从元素中移除子节点。
element.replaceChild() 替换元素中的子节点。
element.scrollHeight 返回元素的整体高度。
element.scrollLeft 返回元素左边缘与视图之间的距离。
element.scrollTop 返回元素上边缘与视图之间的距离。
element.scrollWidth 返回元素的整体宽度。
element.setAttribute() 把指定属性设置或更改为指定值。
element.setAttributeNode() 设置或更改指定属性节点。
element.setIdAttribute()  
element.setIdAttributeNode()  
element.setUserData() 把对象关联到元素上的键。
element.style 设置或返回元素的 style 属性。
element.tabIndex 设置或返回元素的 tab 键控制次序。
element.tagName 返回元素的标签名。
element.textContent 设置或返回节点及其后代的文本内容。
element.title 设置或返回元素的 title 属性。
element.toString() 把元素转换为字符串。
nodelist.item() 返回 NodeList 中位于指定下标的节点。
nodelist.length 返回 NodeList 中的节点数。
越努力越幸运