JavaScript Tutorial/DOM Node/TreeWalker

Материал из Web эксперт
Перейти к: навигация, поиск

Get first child from TreeWalker (Firefox only)

   <source lang="javascript">

<html> <head> <title>TreeWalker Example</title> <script type="text/javascript"> 

  var walker = null;
  function makeList() {
      var oDiv = document.getElementById("div1");
      walker = document.createTreeWalker(oDiv, NodeFilter.SHOW_ELEMENT, null, false);
      var oOutput = document.getElementById("text1");
      oNode = walker.firstChild();
      while (oNode) {
          oOutput.value += oNode.tagName + "\n";
          oNode = walker.nextSibling();
      }
  }

</script> </head> <body>

Hello World!

  • List item 1
  • List item 2
  • List item 3

<textarea rows="10" cols="40" id="text1"></textarea>
<input type="button" value="Make List" onclick="makeList()" /> </body> </html></source>


Get last child from TreeWalker

   <source lang="javascript">

<html> <head> <title>TreeWalker Example</title> <script type="text/javascript"> 

  var walker = null;
  function makeList() {
      var oDiv = document.getElementById("div1");
      walker = document.createTreeWalker(oDiv, NodeFilter.SHOW_ELEMENT, null, false);
      var oOutput = document.getElementById("text1");
      oNode = walker.lastChild();
      while (oNode) {
          oOutput.value += oNode.tagName + "\n";
          oNode = walker.nextSibling();
      }
  }

</script> </head> <body>

Hello World!

  • List item 1
  • List item 2
  • List item 3

<textarea rows="10" cols="40" id="text1"></textarea>
<input type="button" value="Make List" onclick="makeList()" /> </body> </html></source>

Источник — «http://wbex.ru/index.php?title=JavaScript_Tutorial/DOM_Node/TreeWalker&oldid=9257»