最新的Web开发教程
 

HTML DOM元素对象


HTML DOM节点

在HTML DOM (Document Object Model) ,一切是一个节点

  • 该文件本身是一个文档节点
  • 所有的HTML元素是元素节点
  • 所有的HTML属性是属性节点
  • HTML元素中的文本是文本节点
  • 注释是注释节点

Element对象

在HTML DOM,Element对象表示一个HTML元素。

Element对象可以有类型元素节点,文本节点或注释节点的子节点

NodeList对象表示节点的列表,像子节点的HTML元素的集合。

元素也可以拥有属性。 属性是属性节点(See next chapter)


浏览器支持

目的
Element
NodeList

元素对象和NodeList对象中的所有主流浏览器都支持。


属性和方法

以下属性和方法可以在所有HTML元素一起使用:

属性/方法 描述
element .accessKey 设置或返回accesskey元素的属性
element addEventListener() 附加一个事件处理程序指定的元素
element appendChild() 添加一个新的子节点,一个元素,最后一个子节点
element .attributes 返回元素的属性的的NamedNodeMap
element blur() 删除焦点从一个元件
element .childElementCount 返回子元素的元素具有的数
element .childNodes 返回元素的子节点(包括文本和注释节点)的集合
element 。孩子 返回元素的子元素的集合(不包括文本和注释节点)
element .classList 返回类name(s)的元素
element .className 设置或返回的值class的元素的属性
element click() 模拟鼠标点击一个元素
element .clientHeight 返回元件的高度,其中包括填充
element .clientLeft 返回元素的左边框的宽度
element .clientTop 返回元素的上边框的宽度
element .clientWidth 返回元件的宽度,其中包括填充
element cloneNode() 克隆一个元素
element compareDocumentPosition() 比较两个元素的文档位置
element contains() 如果一个节点一个节点的后代,则返回true,否则为false
element .contentEditable 设置或返回是否元素的含量是可编辑或不
element为.dir 设置或返回的值dir的元素的属性
element .firstChild 返回元素的第一个子节点
element .firstElementChild 返回元素的第一个子元素
element focus() 将焦点到元件
element getAttribute() 返回specified元素节点的属性值
element getAttributeNode() 返回specified属性节点。
element getElementsByClassName() 返回所有子元素的集合与指定的类名
element getElementsByTagName() 返回所有子元素的集合与指定的标签名称
elementgetFeature() 返回实现指定功能的API的一个目的
element hasAttribute() 如果一个元素具有返回true specified属性,否则为false
element hasAttributes() 如果一个元素有任何属性,则返回true,否则为false
element hasChildNodes() 如果一个元素有子节点,则返回true,否则为false
element .ID 设置或返回的值id的元素的属性
element .innerHTML 设置或返回元素的含量
element insertBefore() 指定的,现有的子节点之前插入一个新的子节点
element .isContentEditable 如果一个元素的内容是可编辑的,则返回true,否则为false
element isDefaultNamespace() 如果指定的namespaceURI为默认值,则返回true,否则为false
element isEqualNode() 检查,如果两个元素是相等的
element isSameNode() 如果检查两个元件是相同的节点
element isSupported() 如果支持元素的指定功能,则返回true
element .lang 设置或返回的值lang的元素的属性
element .lastChild 返回元素的最后一个子节点
element .lastElementChild 返回元素的最后一个子元素
element .namespaceURI 返回元素的命名空间URI
element .nextSibling 返回下一个节点在同一节点树平
element .nextElementSibling 返回下一个元素在同一节点树平
element .nodeName 返回节点的名称
element .nodeType 返回节点的节点类型
element .nodeValue 设置或返回一个节点的值
element normalize() 加入相邻的文本节点并在元件移除空文本节点
element .offsetHeight 返回元素的高度,包括填充,边框和滚动条
element .offsetWidth 返回元件的宽度,其中包括填充,边框和滚动条
element .offsetLeft 返回元件的水平偏置位置
element .offsetParent 返回元素的偏移容器
element .offsetTop 返回元件的垂直偏移位置
element .ownerDocument 返回根元素(document object)对元件
element .parentNode 返回元素的父节点
element .parentElement 返回元素的父元素节点
element .previousSibling 返回前一个节点在同一节点树平
element .previousElementSibling 返回前一个元素在同一节点树平
element querySelector() 返回指定的CSS相匹配的第一个子元素selector(s)的元素
元素 querySelectorAll() 返回指定的CSS匹配的所有子元素selector(s)的元素
element removeAttribute() 从元素删除指定的属性
element removeAttributeNode() 删除指定的属性节点,并返回所移除的节点
element removeChild() 从元素删除子节点。
element replaceChild() 替换子节点中的一个元素
element removeEventListener() 删除已附接有一个事件处理程序addEventListener()方法
element .scrollHeight 返回元件的整个高度,包括填充
element .scrollLeft 设置或返回元素的含量水平滚动的像素数
element .scrollTop 设置或返回元素的含量垂直滚动的像素数
element .scrollWidth 返回元件的整个宽度,包括填充
element setAttribute() 设置或更改specified属性,为指定的值
element setAttributeNode() 设置或改变specified属性节点
element .style 设置或返回的值style元素的属性
element .tabIndex 设置或返回的值tabindex的元素的属性
element .tagName 返回元素的标签名
element .textContent 设置或返回一个节点及其后代的文本内容
element .title伪 设置或返回的值title的元素的属性
elementtoString() 元素转换为字符串
节点列表 item() 返回指定索引处的节点的NodeList
节点列表 。长度 返回NodeList中的节点数目