TreeWalker

Baseline

20157

TreeWalker

TreeWalker document Document.createTreeWalker()

: TreeWalker whatToShow filter

Node null

Node null firstChild() TreeWalker whatToShow HTML whatToShow NodeFilter.SHOW_ALL firstChild() HTMLDivElement Text

html

<!doctype html>
<html lang="ja">
  <head>
    <title></title>
  </head>
  <body>
    <div id="container"></div>
  </body>
</html>

let walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ALL);
let node = walker.firstChild(); // nodeName: "#text"

let walker = document.createTreeWalker(
  document.body,
  NodeFilter.SHOW_ELEMENT,
);
let node = walker.firstChild(); // nodeName: "DIV"

nextSibling(), previousSibling(), firstChild(), lastChild()

Node null

Node null

Node null

Node null

Node null


DOM # interface-treewalker

MDN

MDN 202686

GitHub