Document.createNodeIterator()

在此页

句法
范例
规范
浏览器兼容性
相关话题

返回新的 NodeIterator 对象。

句法

const nodeIterator = document.createNodeIterator(root[, whatToShow[, filter]]);

值

root

The root node at which to begin the


									NodeIterator

's traversal.

whatToShow 可选

Is an optional


								unsigned long

representing a bitmask created by combining the constant properties of


								
									NodeFilter

. It is a convenient way of filtering for certain types of node. It defaults to


								0xFFFFFFFF

表示


								SHOW_ALL

常量。

常量	数值	描述
`NodeFilter.SHOW_ALL`	`-1` (that is the max value of `unsigned long` )	展示所有节点。
`NodeFilter.SHOW_ATTRIBUTE`	`2`	Shows attribute `Attr` 节点。 This is meaningful only when creating a `TreeWalker` 采用 `Attr` node as its root. In this case, it means that the attribute node will appear in the first position of the iteration or traversal. Since attributes are never children of other nodes, they do not appear when traversing over the document tree.
`NodeFilter.SHOW_CDATA_SECTION`	`8`	展示 `CDATASection` 节点。
`NodeFilter.SHOW_COMMENT`	`128`	展示 `注释` 节点。
`NodeFilter.SHOW_DOCUMENT`	`256`	展示 `Document` 节点。
`NodeFilter.SHOW_DOCUMENT_FRAGMENT`	`1024`	展示 `DocumentFragment` 节点。
`NodeFilter.SHOW_DOCUMENT_TYPE`	`512`	展示 `DocumentType` 节点。
`NodeFilter.SHOW_ELEMENT`	`1`	展示 `元素` 节点。
`NodeFilter.SHOW_ENTITY`	`32`	展示 `Entity` nodes. This is meaningful only when creating a `TreeWalker` 采用 `Entity` node as its root; in this case, it means that the `Entity` node will appear in the first position of the traversal. Since entities are not part of the document tree, they do not appear when traversing over the document tree.
`NodeFilter.SHOW_ENTITY_REFERENCE`	`16`	展示 `EntityReference` 节点。
`NodeFilter.SHOW_NOTATION`	`2048`	展示 `Notation` nodes. This is meaningful only when creating a `TreeWalker` 采用 `Notation` node as its root; in this case, it means that the `Notation` node will appear in the first position of the traversal. Since entities are not part of the document tree, they do not appear when traversing over the document tree.
`NodeFilter.SHOW_PROCESSING_INSTRUCTION`	`64`	展示 `ProcessingInstruction` 节点。
`NodeFilter.SHOW_TEXT`	`4`	展示 `文本` 节点。

filter 可选

An object implementing the


									NodeFilter

interface. Its


								acceptNode()

method will be called for each node in the subtree based at root which is accepted as included by the whatToShow flag to determine whether or not to include it in the list of iterable nodes (a simple callback function may also be used instead). The method should return one of


								NodeFilter.FILTER_ACCEPT


								NodeFilter.FILTER_REJECT

，或


								NodeFilter.FILTER_SKIP

。见范例 .

注意： Prior to Gecko 12.0 (Firefox 12.0 / Thunderbird 12.0 / SeaMonkey 2.9), this method accepted an optional fourth parameter (


							entityReferenceExpansion

) that is not part of the DOM4 specification, and has therefore been removed. This parameter indicated whether or not the children of entity reference nodes were visible to the iterator. Since such nodes were never created in browsers, this paramater had no effect.

范例

const nodeIterator = document.createNodeIterator(
    document.body,
    NodeFilter.SHOW_ELEMENT,
    {
      acceptNode(node) {
        return node.nodeName.toLowerCase() === 'p' ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
      }
    }
);
const pars = [];
let currentNode;
while (currentNode = nodeIterator.nextNode()) {
  pars.push(currentNode);
}

规范

规范	状态	注释
DOM The definition of 'document.createNodeIterator' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`createNodeIterator`	Chrome 1	Edge 12	Firefox 3.5	IE 9	Opera 9	Safari 3	WebView Android Yes	Chrome Android Yes	Firefox Android Yes	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes

图例

完整支持

元数据

最后修改： Apr 8, 2020

在此页

句法

值

范例

规范

浏览器兼容性

图例

相关话题