chrome 8 对 javascript 操作DOM的bug ？

最新推荐文章于 2024-09-25 11:01:51 发布

hackthissite

最新推荐文章于 2024-09-25 11:01:51 发布

阅读量734

点赞数

文章标签： chrome javascript class table 测试 border

本文链接：https://blog.csdn.net/hackthissite/article/details/6021862

版权

【背景】经常上天涯社区的人，会发现发帖的作者经常会发布直播贴，帖子的内容需要需要翻很多页才能看完，中间夹杂很多别人的回复。该论坛有个只看作者的功能，但是也要登陆了才能用。

无聊中，看了下页面的源代码，可以用javascript来修改客户端显示，屏蔽掉网友回复内容。

测试浏览器：chrome 8 ，ie 8

帖子中的html代码随便摘录部分是：

<TABLE cellspacing=0 border=0 bgcolor=#f5f9fa width=100% id='tab' ><TR><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom></TD><TD><center><br><font size=-1 color=green>作者：<a href="/browse/Listwriter.asp?vid=24005457&vwriter=新来用户名&idwriter=&key=" mce_href="browse/Listwriter.asp?vid=24005457&vwriter=新来用户名&idwriter=&key=" target=_blank>新来用户名</a>　回复日期：2010-10-23　12:13:14</font>　</center></TD><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom> </TD></TR></table> <div class="post" id='divv'>sdfsdfs <br><br/>  <div class="post-jb"></div> </div> <TABLE cellspacing=0 border=0 bgcolor=#f5f9fa width=100% ><TR><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom></TD><TD><center><br><font size=-1 color=green>作者：<a href="/browse/Listwriter.asp?vid=35367982&vwriter=我是淡云轻风&idwriter=&key=" mce_href="browse/Listwriter.asp?vid=35367982&vwriter=我是淡云轻风&idwriter=&key=" target=_blank>我是淡云轻风</a><span name="ad_logo_userid_35367982" value="35367982"></span>　回复日期：2010-10-23　12:14:11</font>　</center></TD><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom> </TD></TR></table> <div class="post">　　逝世的女生晓凤，安息！<br>　　　　　　　　<br>　　　　　　　　另外一个受伤的女生，早日康复！<div class="post-jb"></div></div>

测试代码1 如下：

var author = prompt("作者名称","author here"); var s = document.all.tags("table"); for (var j=0;j<s.length;j++){ if(s[j].innerText.indexOf(author) < 0){ s[j].nextSibling.parentNode.removeChild(s[j].nextSibling); s[j].parentNode.removeChild(s[j]); j--; } }

或者测试代码2 如下：

//当前窗口中已经有全局常量chrAuthorName表示发帖作者名称，直接使用即可 var s = document.all.tags("table"); for (var j=0;j<s.length;j++){ if(s[j].innerText.indexOf(chrAuthorName) < 0){ s[j].nextSibling.parentNode.removeChild(s[j].nextSibling); s[j].parentNode.removeChild(s[j]); j--; } }

测试结果：ie 8 测试通过，完美实现了预期功能。但是在chrome中就碰到问题了。

如果网友是用掌中天涯回复的，这段回复就不能屏蔽掉，真是奇怪。

时间不早了，洗洗睡了。不忙的时候，再研究下这个问题。

不知道有没有高人能指点下。