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

Question

例如我用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，请指教~