Javascript适用于FF但不适用于Chrome

时间:2014-02-05 19:51:59

标签: javascript

我(我认为)是一个非常简单的JS脚本,以便根据页面ID显示元素。适用于FF但不适用于Chrome或IE

我正在使用的网站上的每个页面都有一行:

<input id="actualPageId" type="hidden" value="xxxxxxx"></input> 

(其中'xxxxxx'是该页面的唯一数值,类似'12345')。

我的代码基本上是:

<div id="divToHide1" style="display: none;">blah blah blah</div>

<div id="divToHide2" style="display: none;">blah blah blah</div>
......


<script>
var checker = document.getElementById('actualPageId').value;
if (checker == 'xxxxxxx' ) {
           document.getElementById('divToHide1').style= "display: inline";
   }

if (checker == 'xxxxxxx' ) {
           document.getElementById('divToHide2').style= "display: inline";
   }
.......

</script>

它的想法是确定它位于actualPageID输入标记中的值的哪个页面,然后相应地取消隐藏正确的div。适用于FF,不适用于任何其他浏览器。

1 个答案:

答案 0 :(得分:3)

直接使用display属性。 为什么会让事情变得复杂?

document.getElementById('divToHide2').style.display= "inline";