English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM Element-Objekt

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返回元素的第一个子元素(不包括文本和注释节点)
idSetzen oder Rückgabe des Werts der id-Eigenschaft des Elements
innerHTMLSetzen oder Rückgabe des Inhalts des Elements
innerTextSetzen oder Rückgabe des Textinhalts des Elements und seiner Nachkommen
isContentEditableWenn der Inhalt des Elements editierbar ist, wird true zurückgegeben; sonst wird false zurückgegeben
langSetzen oder Rückgabe des Werts der lang-Eigenschaft des Elements
lastChildRückgabe des letzten Kindknotens des Elements
lastElementChildRückgabe des letzten Kindelements des Elements (ohne Text- und Kommentar-Knoten)
namespaceURIRückgabe des Namensraums URI des Elements
nextSiblingRückgabe des nächsten Knotens auf der gleichen Knotenbaumniveau
nextElementSiblingRückgabe des nächsten Elements auf der gleichen Knotenbaumniveau (ohne Text- und Kommentar-Knoten)
nodeNameRückgabe des Namens des Knotens
nodeTypeRückgabe des Knotentyps
nodeValueSetzen oder Rückgabe des Wertes des Knotens
offsetHeightRückgabe der Höhe des Elements, einschließlich Füllung, Rahmen und Scrollbalken
offsetWidthRückgabe der Breite des Elements, einschließlich Füllung, Rahmen und Scrollbalken
offsetLeftRückgabe der horizontalen Ausrichtung des Elements
offsetParentRückgabe des Containers der Ausrichtung des Elements
offsetTopRückgabe der vertikalen Ausrichtung des Elements
ownerDocumentRückgabe des Wurzelelements (Dokumentobjekt) des Elements
parentNodeRückgabe des übergeordneten Knotens des Elements
parentElementRückgabe des übergeordneten Elements des Elements
previousSiblingRückgabe des vorherigen Knotens auf der gleichen Knotenbaumniveau
previousElementSiblingRückgabe des vorherigen Elements auf der gleichen Knotenbaumniveau (ohne Text- und Kommentar-Knoten)
scrollHeightRückgabe eines Numbers, der die Höhe der Scrollansicht des Elements darstellt
scrollLeftSetzen oder Rückgabe der Pixelbreite der horizontalen Scrollbewegung des Inhalts des Elements
scrollTopSetzen oder Rückgabe der Pixelhöhe der vertikalen Scrollbewegung des Inhalts des Elements
scrollWidthRückgabe eines Numbers, der die Breite der Scrollansicht des Elements darstellt
styleSetzen oder Rückgabe des Werts der style-Eigenschaft des Elements
tabIndexSetzen oder Rückgabe des Werts der tabindex-Eigenschaft des Elements
tagNameRückgabe des Tag-Namens des Elements
textContentSetzen oder Rückgabe des Textinhalts der Knoten und ihrer Nachkommen
titleSetzen oder Rückgabe des Werts der title-Eigenschaft des Elements

Methoden des Element-Objekts

Die nachstehende Tabelle zeigt die Methoden des Element-Objekts:

方法描述
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()Alle Kindelemente, die mit dem angegebenen CSS-Selektor des Elements übereinstimmen, zurückgeben
removeAttribute()Ein bestimmtes Attribut aus einem Element löschen
removeAttributeNode()Einen bestimmten Attributknoten löschen und den gelöschten Knoten zurückgeben
removeChild()Ein Kindknoten aus einem Element löschen
removeEventListener()Einen Ereignisbehandler, der durch die Methode addEventListener() hinzugefügt wurde, löschen
replaceChild()Einen Kindknoten im Element ersetzen
requestFullscreen()Ein Element im Vollbildmodus anzeigen
scrollIntoView()Ein bestimmtes Element in den Sichtbereich des Browserfensters rollen
setAttribute()Einen bestimmten Attribut oder Wert setzen oder ändern
setAttributeNode()Einen bestimmten Attributknoten setzen oder ändern
toString()Element in eine Zeichenkette umwandeln