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() | 将元素转换为字符串 |