如何判断动态插入的html解析完毕？

Question

有一个场景：有一段动态html1要插入到页面中，等html1渲染完毕后再请求一段html2插入到html1的指定位置。不要说用settimeout。因为html1长度是不固定的，也就是渲染的时间也是不固定的。所以如何保证html2字段能正确渲染到页面上？### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

看看html1中有没有特殊id，class之类的元素，通过document.getElementById等DOM查找元素的方法作为一个判断依据试试

Answer 2

你用innerHTML的话，插入即解析了，即可以进行后续操作了。

如果你想等渲染完成再进行下一步的话，可以requestAnimationFrame

Answer 3

vue的话用 nextTick，这就是当前dom修改后，渲染完成后去取新的dom。