轻松上手,快乐学习!

HTML DOM Element 对象


Element 对象

在 HTML DOM 中,Element 对象表示 HTML 元素。类似于P、DIV、A、TABLE 或任何其他 HTML 元素。

Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。


属性和方法

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

属性 / 方法 描述
accessKey 设置或返回元素的快捷键。
addEventListener() 向指定元素添加事件句柄
appendChild() 向元素添加新的子节点,作为最后一个子节点。
attributes 返回元素属性的 NamedNodeMap。
blur() 从元素中移除焦点
childElementCount 返回元素包含的子元素数
childNodes 返回元素子节点的 NodeList。
children 返回元素的子元素的集合(不包括文本和注释节点)
classList 返回元素的类名
className 设置或返回元素的 class 属性。
click() 模拟在元素上单击鼠标
clientHeight 在页面上返回内容的可视高度(高度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条)
clientLeft 返回一个元素的左边框的宽度,以像素表示。
clientTop 返回一个元素的顶部边框的宽度,以像素表示。
clientWidth 返回元素的可见宽度。
cloneNode() 克隆元素。
closest() 在 DOM 树上搜索与指定 CSS 选择器匹配的最近元素
compareDocumentPosition() 比较两个元素的文档位置。
contains() 如果节点是节点的后代,则返回 true,否则返回 false
contentEditable 设置或返回元素的文本方向。
dir 设置或返回元素的内容是否可编辑。
exitFullscreen() 在全屏模式下取消元素
firstChild 返回元素的首个子。
firstElementChild 返回元素的第一个子元素
focus() 设置文档或元素获取焦点
getAttribute() 返回元素节点的指定属性值。
getAttributeNode() 返回指定的属性节点。
getBoundingClientRect() 返回元素的大小及其相对于视口的位置
getElementsByClassName() 返回文档中所有指定类名的元素集合,作为 NodeList 对象。
getElementsByTagName() 返回拥有指定标签名的所有子元素的集合。
hasAttribute() 如果元素拥有指定属性,则返回true,否则返回 false。
hasAttributes() 如果元素拥有属性,则返回 true,否则返回 false。
hasChildNodes() 如果元素拥有子节点,则返回 true,否则 false。
id 设置或返回元素的 id。
innerHTML 设置或返回元素的内容。
innerText 设置或返回节点及其子节点的文本内容
insertAdjacentElement() 在相对于当前元素的指定位置插入 HTML 元素
insertAdjacentHTML() 在相对于当前元素的指定位置插入 HTML 格式的文本
insertAdjacentText() 将文本插入到相对于当前元素的指定位置
insertBefore() 在指定的已有的子节点之前插入新节点。
isContentEditable 设置或返回元素的内容。
isDefaultNamespace() 如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
isEqualNode() 检查两个元素是否相等。
isSameNode() 检查两个元素是否是相同的节点。
isSupported() 如果元素支持指定特性,则返回 true。
lang 设置或返回元素的语言代码。
lastChild 返回元素的最后一个子元素。
lastElementChild 返回指定元素的最后一个子元素
matches() 如果元素匹配指定的 CSS 选择器,matches() 方法就返回 true,否则返回 false。
namespaceURI 返回元素的 namespace URI。
nextSibling 返回位于相同节点树层级的下一个节点。
nextElementSibling 返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)。
nodeName 返回元素的名称。
nodeType 返回元素的节点类型。
nodeValue 设置或返回元素值。
normalize() 合并元素中相邻的文本节点,并移除空的文本节点。
offsetHeight 返回元素的高度。
offsetWidth 返回元素的宽度。
offsetLeft 返回元素的水平偏移位置。
offsetParent 返回元素的偏移容器。
offsetTop 返回元素的垂直偏移位置。
outerHTML 设置或返回元素的内容(包括开始标记和结束标记)
outerText 设置或返回节点及其子节点的外部文本内容
ownerDocument 返回元素的根元素(文档对象)。
parentNode 返回元素的父节点。
parentElement 返回元素的父元素节点
previousSibling 返回位于相同节点树层级的前一个元素。
previousElementSibling 返回指定元素的前一个兄弟元素(相同节点树层中的前一个元素节点)。
querySelector() 返回匹配指定 CSS 选择器元素的第一个子元素
querySelectorAll() 返回匹配指定 CSS 选择器元素的所有子元素节点列表
remove() 从 DOM 中删除元素
removeAttribute() 从元素中移除指定属性。
removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
removeChild() 从元素中移除子节点。
removeEventListener() 移除由 addEventListener() 方法添加的事件句柄
replaceChild() 替换元素中的子节点。
requestFullscreen() 以全屏模式显示元素
scrollHeight 返回元素的整体高度。
scrollIntoView() 将指定的元素滚动到浏览器窗口的可见区域
scrollLeft 返回元素左边缘与视图之间的距离。
scrollTop 返回元素上边缘与视图之间的距离。
scrollWidth 返回元素的整体宽度。
setAttribute() 把指定属性设置或更改为指定值。
setAttributeNode() 设置或更改指定属性节点。
style 设置或返回元素的 style 属性。
tabIndex 设置或返回元素的 tab 键控制次序。
tagName 返回元素的标签名。
textContent 设置或返回节点及其后代的文本内容。
title 设置或返回元素的 title 属性。
toString() 把元素转换为字符串。