动态更改显示属性

时间:2010-09-21 07:40:53

标签: javascript html css

我想根据全局变量(disp)的值更改我的div(displaydiv)的样式:display属性(none或block)。我想在页面加载时检查此变量的值,并根据值disp。

设置样式:显示

我在javascript中将disp的值设置为“none”。

我想更改HTML TAG中的值

但这个div总是可见的。 请帮帮我

3 个答案:

答案 0 :(得分:3)

<script>
function hidemydiv() {
 if(disp == 'none') document.getElementById('displaydiv').style.display = 'none';
}
</script>

<body onload="hidemydiv()">
<div id="displaydiv">
    Lorem ipsum dolor sith amet
</div>
</body>

我只是想知道什么样的全局变量disp。是javascript吗? PHP?在哪里/何时/如何设置它?

答案 1 :(得分:1)

我们无法告诉没有代码,但听起来非常像你在目标DIV加载之前执行你的改变风格的JS内联。

您的浏览器是否在页面上报告错误?

您的JS代码是否以某种方式绑定到onload事件?

风格是否实际应用但是被覆盖(用firebug检查)?

答案 2 :(得分:1)

将一个函数附加到窗口onload事件。

window.onload = function () {
    var elem = document.getElementById(divId);

    if (disp === "none") {
        elem.style.display = "none";
    }
    else {
        elem.style.display = "block";
    }
};