Javascript setInterval警报不使用dom属性更新_Javascript_Html_Dom_Intervals

Javascript setInterval警报不使用dom属性更新

javascript html dom

Javascript setInterval警报不使用dom属性更新,javascript,html,dom,intervals,Javascript,Html,Dom,Intervals,每隔5秒调用document.body.scrollHeight警报时，警报将返回文档的初始滚动高度，但即使页面的滚动高度已明显更改，警报也不会更改。有没有办法让它返回页面的实际滚动高度，而不仅仅是初始值代码/伪代码 <script> setInterval(function() { alert(document.body.scrollHeight); }, 5000); function extendHeight() { docu

每隔5秒调用document.body.scrollHeight警报时，警报将返回文档的初始滚动高度，但即使页面的滚动高度已明显更改，警报也不会更改。有没有办法让它返回页面的实际滚动高度，而不仅仅是初始值

代码/伪代码

<script>
    setInterval(function() {
        alert(document.body.scrollHeight);
    }, 5000);

    function extendHeight() {
    document.getElementById('box').style.height = 1000;
    }
</script>

<body>
  <div id='box' style='height: 500px;'>
    <button onClick="extendHeight();">Change Height</button>
  </div>
</body>


setInterval（函数（）{
警报（document.body.scrollHeight）；
}, 5000);
函数extendHeight（）{
document.getElementById（'box'）.style.height=1000；
}
改变高度

即使单击按钮，警报仍会返回500像素

问题是您应该将

'1000px'

分配给

document.getElementById（'box'）.style.height

而不是

：

<script>
    setInterval(function() {
        alert(document.body.scrollHeight);
    }, 5000);

    function extendHeight() {
    document.getElementById('box').style.height = "1000px";
    }
</script>

<body>
  <div id='box' style='height: 500px;'>
    <button onClick="extendHeight();">Change Height</button>
  </div>
</body>


setInterval（函数（）{
警报（document.body.scrollHeight）；
}, 5000);
函数extendHeight（）{
document.getElementById（'box'）.style.height=“1000px”；
}
改变高度

Fiddle:

在我看来，单击该按钮似乎是一个错误。发布真实代码。

document.getElementById（'box'）。style.height='1000px'？所以今天的课程：单元很重要，展示真正的工作示例代码会给你真正的答案！我修复了上面的代码，你拥有OP拥有的东西，而不是小提琴中的东西！：）