首页 > 解决方案 > 我需要帮助来放置一个函数,以便我的代码在 DOM 渲染后运行

问题描述

我有一行代码比 DOM 运行得更快,所以我需要一个超时功能,但我不知道把它放在哪里。

function testing() {
  var newHeadline = document.createElement("h1");
  newHeadline.textContent = "Headline";

  document.getElementsByClassName("col-sm")[0].insertBefore(newHeadline, document.getElementsByClassName("text-content")[0]);
  for (var a = 0; a < 10; a++) {
    if (document.getElementsByClassName("form-control")[0] != undefined) {
      document.getElementsByClassName("form-control")[0].parentElement.remove();


      return true
    }
  }
}

标签: javascript

解决方案


使用 window.onload。window.onload 确保首先加载窗口中的所有内容,包括脚本和图像,然后在加载完所有内容后调用提供的函数。

window.onload=function testing() {


  var newHeadline = document.createElement("h1");
  newHeadline.textContent = "Headline";

  document.getElementsByClassName("col-sm")[0].insertBefore(newHeadline, document.getElementsByClassName("text-content")[0]);
  for (var a = 0; a < 10; a++) {
    if (document.getElementsByClassName("form-control")[0] != undefined) {
      document.getElementsByClassName("form-control")[0].parentElement.remove();


      return true

    }


  }
}


推荐阅读