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()

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

2 个答案: