HTML DOM Element 对象

Element元素对象

Element对象表示HTML元素,例如<p>,<div>,<a>,<form>或任何其他HTML元素。

Element对象仅具有各种元素共有的方法和属性。

元素对象属性

下表列出了Element对象的属性:

属性描述
accessKey设置或返回元素的accesskey属性
attributes返回元素属性的NamedNodeMap
childElementCount返回给定元素的子元素数
childNodes返回元素的子节点(包括文本和注释节点)的列表
children返回元素的子元素的列表(不包括文本和注释节点)
classList返回元素的类名
className设置或返回元素的class属性的值
clientHeight返回元素的高度,包括填充
clientLeft返回元素左边框的宽度
clientTop返回元素顶部边框的宽度
clientWidth返回元素的宽度,包括填充
contentEditable设置或返回元素的内容是否可编辑
dir设置或返回元素的dir属性的值
firstChild返回元素的第一个子节点
firstElementChild返回元素的第一个子元素(不包括文本和注释节点)
id设置或返回元素的id属性的值
innerHTML设置或返回元素的内容
innerText设置或返回元素及其后代的文本内容
isContentEditable如果元素的内容是可编辑的,则返回true;否则返回false
lang设置或返回元素的lang属性值
lastChild返回元素的最后一个子节点
lastElementChild返回元素的最后一个子元素(不包括文本和注释节点)
namespaceURI返回元素的命名空间URI
nextSibling返回相同节点树级别的下一个节点
nextElementSibling返回相同节点树级别的下一个元素(不包括文本和注释节点)
nodeName返回节点的名称
nodeType返回节点的节点类型
nodeValue设置或返回节点的值
offsetHeight返回元素的高度,包括填充,边框和滚动条
offsetWidth返回元素的宽度,包括填充,边框和滚动条
offsetLeft返回元素的水平偏移位置
offsetParent返回元素的偏移量容器
offsetTop返回元素的垂直偏移位置
ownerDocument返回元素的根元素(文档对象)
parentNode返回元素的父节点
parentElement返回元素的父元素
previousSibling返回相同节点树级别的上一个节点
previousElementSibling返回相同节点树级别的前一个元素(不包括文本和注释节点)
scrollHeight返回一个数字,表示元素的滚动视图高度
scrollLeft设置或返回元素内容水平滚动的像素值
scrollTop设置或返回元素内容垂直滚动的像素值
scrollWidth返回一个Number,表示元素的滚动视图宽度
style设置或返回元素的样式属性的值
tabIndex设置或返回元素的tabindex属性的值
tagName返回元素的标签名称
textContent设置或返回节点及其后代的文本内容
title设置或返回元素的title属性的值

元素对象方法

下表列出了Element对象的方法:

方法描述
addEventListener()将事件处理程序附加到指定的元素
appendChild()将新的子节点添加到元素,作为最后一个子节点
blur()从元素上移开焦点
cloneNode()克隆元素
click()模拟鼠标单击元素
compareDocumentPosition()比较两个元素的文档位置
contains()如果节点是节点的后代,则返回true,否则返回false
focus()将重点放在元素上
getAttribute()返回元素节点的指定属性值
getAttributeNode()返回指定的属性节点
getBoundingClientRect()返回元素的大小及其相对于视口的位置
getElementsByClassName()返回具有指定类名的所有子元素的列表
getElementsByTagName()返回具有指定标签名称的所有子元素的列表
hasAttribute()如果元素具有指定的属性,则返回true,否则返回false
hasAttributes()如果元素具有任何属性,则返回true,否则返回false
hasChildNodes()如果元素具有任何子节点,则返回true,否则返回false
insertAdjacentElement()在相对于当前元素的指定位置插入HTML元素
insertAdjacentHTML()在相对于当前元素的指定位置插入HTML格式的文本
insertAdjacentText()将文本插入到相对于当前元素的指定位置
insertBefore()在指定的现有子节点之前插入新的子节点
isDefaultNamespace()如果指定的namespaceURI为默认值,则返回true;否则返回false
isEqualNode()检查两个元素是否相等
isSameNode()检查两个元素是否在同一节点上
isSupported()如果元素支持指定功能,则返回true
normalize()连接相邻的文本节点,并删除元素中的空文本节点
querySelector()返回与元素的指定CSS选择器匹配的第一个子元素
querySelectorAll()返回与元素的指定CSS选择器匹配的所有子元素
removeAttribute()从元素中删除指定的属性
removeAttributeNode()删除指定的属性节点,并返回删除的节点
removeChild()从元素中删除一个子节点
removeEventListener()删除已添加到addEventListener()方法的事件处理程序
replaceChild()替换元素中的子节点
requestFullscreen()以全屏模式显示元素
scrollIntoView()将指定的元素滚动到浏览器窗口的可见区域
setAttribute()将指定的属性设置或更改为指定的值
setAttributeNode()设置或更改指定的属性节点
toString()将元素转换为字符串