获取在运行时加载的元素的innerhtml

Question

这是在朗姆酒时加载元素的div。

<div class="name" id="projct_name"></div>

加载元素后，它变为： -

<div id="projct_name" class="name">
  <div>
     <span >Proof testers</span>
   </div>
</div>

我想要span的值。

$(document).ready(function() {
  var prodct_name=$('#projct_name').find('div').find('span').html();
  alert(prodct_name);
});

每次页面加载都会获得警报null值，因为元素会在警报后加载。 我想延迟我的js代码，以便在我的代码运行之前加载页面的所有元素。它可能是??

Answer 1

请尝试以下代码： -

  function pageLoadCompelet(){
    var prodct_name=$('#projct_name').find('div').find('span').html();
    alert(prodct_name);
  }

在window.onload上调用此函数： -

  window.onload=pageLoadCompelet;

Answer 2

我认为Jquery Initialize会解决您的问题。

第1步：将其插入页面的开头部分：

<script src="https://raw.githubusercontent.com/AdamPietrasiak/jquery.initialize/master/jquery.initialize.js"></script>

第2步：将以下javascript放在您已尝试的其他代码的上方或上方：

$("#projct_name span").initialize( function(){
    alert($(this).html());
});

该插件使用MutationObserver，这是处理DOM更改的一种非常强大的方式。