06月03, 2018

前端学习笔记(06) - 关于DOM

nodeType 返回元素的节点类型,比如元素类型,属性类型,文本类型

nodeName 返回元素名称,比如P,LI,DIV 等

nodeValue 返回元素的值比如文本类型的值,属性的值

每个节点都有一个 childNodes 属性 和children属性,其中保存着一个 NodeList 对象。

每个节点都有一个 parentNode 属性,该属性指向文档树中的父节点。

通过使用列表中每个节点的 previousSibling 和 nextSibling 属性,可以访问同一列表中的其他节点。

Element Traversal API 为 DOM 元素添加了以下 5 个属性。

  1. childElementCount:返回子元素(不包括文本节点和注释)的个数。
  2. firstElementChild:指向第一个子元素;firstChild 的元素版。
  3. lastElementChild:指向最后一个子元素;lastChild 的元素版。
  4. previousElementSibling:指向前一个同辈元素;previousSibling 的元素版。
  5. nextElementSibling:指向后一个同辈元素;nextSibling 的元素版。

最常用的方法是 appendChild(),用于向 childNodes 列表的末尾添加一个节点。

如果需要把节点放在 childNodes 列表中某个特定的位置上, 而不是放在末尾,那么可以使用 insertBefore()方法。这个方法接受两个参数:要插入的节点和作为参照的节点。

操作特性的 DOM 方法主要有三个,分别是 getAttribute()、setAttribute()和 removeAttribute()。这三个方法可以针对任何特性使用,包括那些以 HTMLElement 类型属性的形式定义的特性。

使用 document.createElement()方法可以创建新元素。

本文链接:http://www.laijianlou.top/post/front-06.html

-- EOF --

Comments