javascript - 我怎么监听innerHTML的修改何时渲染完成？

问题描述

问 题

例如我用button改innerHTML

<div id="test"></div>
<button onclick="add">add content</button>
<script>
    var add = function() {
        document.getElementById('test').innerHTML = '<div id="other">many div</div>'
    }
</script>

我就想知道怎么监听#test的innerHTML什么时候渲染完成，然后我就可以获取#other?

或者有其他好的办法也可以，我的目的就是动态生成DOM，然后获取这些DOM，请指教~

解决方案

不需要监听，innerHTML的修改不是异步的，修改完之后才会进行后边代码的执行。
直接获取就可以了。
并不需要setTimeout。

这篇关于javascript - 我怎么监听innerHTML的修改何时渲染完成？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！