这篇博文主要记录本人在实际应用中碰到的谷歌浏览器与一些Js不兼容的问题,随着时间的推移,这篇博文的内容可能越来越多,也可能一点也没有(我想那时候谷歌肯定是相当牛逼的)。
1.谷歌浏览器不兼容document.getElementById("companyLi").style="display:block";
利用js改变网页元素的显示与隐藏:
document.getElementById("companyLi").style="display:block";//显示
document.getElementById("companyLi").style="display:none";//隐藏
以上两句代码谷歌、360、IE11不兼容,火狐浏览器兼容.
document.getElementById("companyLi").style.display="block";//显示
document.getElementById("companyLi").style.display="none";//隐藏
以上两句代码各大浏览器都兼容.
当然您也可以使用Jquery,那就简单的多了,可以使用
$("#元素Id").hide();//隐藏
$("#元素Id").show();//显示
也可以使用 $("#元素Id").toggle();来控制元素的显示与隐藏.