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

斌果
  • 0
新手上路,请多包涵

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

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

相关代码

粘贴代码文本(请勿用截图)

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

回复
阅读 999
3 个回答

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

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

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

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

宣传栏