同一容器中a标签比较多的情况下通过title属性值隐藏

同一容器中a标签比较多的情况下如何通过title属性值控制a标签的隐藏或显示

最近项目中遇到一个IE兼容性问题,网站需要在底部footer添加"站长统计"代码,容器中动态添加很多a标签且a标签在容器中的位置无法确定

于是动态添加了站长统计代码如下:

document.write(" 
");

谷歌、火狐、360页面上html代码显示如下图:

同一容器中a标签比较多的情况下通过title属性值隐藏_第1张图片

谷歌、火狐、360页面上"站长统计"均可正常隐藏,唯独IE浏览器下底部会出现"站长统计",于是F12查看代码发现代码结构有变动,a标签不在div中,自己独占一行

网上查了很多资料都没有人遇到这个问题,只能靠自己想办法解决了。

 想了想:IE浏览器下只有单独通过JS控制,但是footer里面的a标签比较多,无法通过选择器找到这个a标签,最后测试了用a标签里面的title属性值找到元素标签再隐藏。

测试代码如下:

DOCTYPE HT
ML>


"Content-Type" content="text/html; charset=utf-8">
IE浏览器下隐藏站长统计



"">111
"">222
"">333
"" title='统计'>444
'站长统计' href="#">站长统计


  

最后完美的解决了IE浏览器下站长统计隐藏这个问题  

你可能感兴趣的:(同一容器中a标签比较多的情况下通过title属性值隐藏)