ITPub博客

首页 > IT职业 > IT生活 > DOM的TreeWalker对象简介(6)

DOM的TreeWalker对象简介(6)

原创 IT生活 作者:cenfeng 时间:2019-07-31 16:37:30 0 删除 编辑

好的,TreeWalker遍历的另一个例子是巩固我们对它的理解:

1
2
3
4
五
6
7
8
9
10
11
12
13
14
15
16
<p id= "essay" >George<span> loves </span> <b>JavaScript!</b></p><font></font>
<font></font>
<script type= "text/javascript" ><font></font>
<font></font>
var rootnode=document.getElementById( "essay" )<font></font>
var walker=document.createTreeWalker(rootnode, NodeFilter.SHOW_TEXT, null , false )<font></font>
<font></font>
walker.firstChild() //Walk to first child node (the text "George")<font></font>
var paratext=walker.currentNode.nodeValue<font></font>
while (walker.nextSibling()){ //Step through each sibling of "George"<font></font>
paratext+=walker.currentNode.nodeValue<font></font>
}<font></font>
<font></font>
alert(paratext) //alerts "George loves JavaScript!"<font></font>
<font></font>
</script>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2652370/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129472