如何从.load（）的已加载元素中获取innerHTML内容

Question

这里是

part.html：

    <div id="header">
        Hello Mars
    </div>

full.html：

    <div id="inj">
    </div>

    $('#inj').load("part.html #header"); 
    alert(document.getElementById("header").innerHTML); <-- this part is not working

Answer 1

如果要检查已加载的内容，则需要执行以下操作：

$('#inj').load("part.html #header",function(){
  alert(document.getElementById("header").innerHTML); 
});

检查http://api.jquery.com/load/

Answer 2

load命令是异步的，您必须等待内容加载后才能读取。

load可以具有在请求完成时执行的回调函数参数。

$('#inj').load('part.html', function() {
    alert(document.getElementById('inj').innerHTML);
});

或者由于您使用的是jQuery而不是getElementById ：

$('#inj').html()