Javascript 捕获动态DOM修改时的调整大小事件_Javascript_Html_Dom

Javascript 捕获动态DOM修改时的调整大小事件

javascript html dom

Javascript 捕获动态DOM修改时的调整大小事件,javascript,html,dom,Javascript,Html,Dom,我有一个简单的页面 <!DOCTYPE html> <html> <body> <input id="niceBtn" type="button" value="Nice Button" onclick="showDiv()"/> <div id="niceDiv" style="display:none;height:800px;width:40px;background-color:#F00;"></

我有一个简单的页面

<!DOCTYPE html>
<html>     
<body>
    <input id="niceBtn" type="button" value="Nice Button" onclick="showDiv()"/>
    <div id="niceDiv" style="display:none;height:800px;width:40px;background-color:#F00;"></div>
</body>

<script type="text/javascript">
    function showDiv(){
        document.getElementById('niceDiv').style.display == "";
    }

    var resizer = function(){
        alert('Hello')
    };
    window.onresize = resizer;
</script>
</html>


函数showDiv（）{
document.getElementById（'niceDiv'）。style.display==“”；
}
var resizer=函数（）{
警报（“你好”）
};
window.onresize=resizer；

单击该按钮时，将显示“#niceDiv”。当div显示时，为什么调整器不启动

我是否没有连接到正确的事件？我需要附加到在动态DOM修改时触发的事件。如果通过添加来自AJAX响应或任何javascript事件的元素来更改文档的大小，我需要提醒“Hello”

我该怎么做？无法使用jQuery

编辑：我注意到，当我调整整个浏览器的大小时，会触发事件。当DOM调整大小时，如何启动它。

这不是窗口调整大小。窗口大小是指当你最大化或拖动浏览器屏幕时。谢谢你，我意识到了这一点。你有什么建议吗？是的，为什么不在showdiv上调用它呢？showdiv只是一个例子，DOM可以通过许多不同的方式调整大小。查看此链接可能会对您有所帮助。