如何解决如何判断元素是否已呈现？
我有简单的 html
<div class="main-app"></div>
<button class="btn"> CLICKME </button>
<script src="./index.js"></script>
要加载的另一个 html：contact.html：
<div class="contact">
this is contact component
</div>
和 JavaScript：
function load_component() {
document.getElementsByClassName("main-app")[0].innerHTML='<object type="text/html" data="./contact.html" ></object>';
// here is when I want to check if this particular content is ready
var loader = setInterval(function () {
if(document.getElementsByTagName("object")[0].readyState !== "complete") return;
clearInterval(loader);
},300);
}
document.getElementsByClassName('btn')[0].addEventListener("click",function(event) {
load_component();
});
正如您在以下屏幕上看到的那样，它在我们的 html 中创建了整个 html dom（#document）。如何检查该文档是否已准备就绪？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。