JavaScript Tutorial/DOM Node/TreeWalker — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:24, 26 мая 2010
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>