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