jQuery的.load工作，但不可讀

Question

我想知道爲什麼我可以使用.load到的信息非常具體的位裝載到一個頁面，但後來當我嘗試讀回我剛回到null

這個載入信息是我使用加載的信息

$(function(){ 
    $('#code').load('stuff.html #specificstuff'); 
}); 

該位jQuery和這是我使用重複什麼代碼#code

var content = document.getElementById('#code'); 
document.write(content); 

但這個程序運行時，我剛剛回到null

Answer 1

document.getElementById('#code'); 

應該

document.getElementById('code'); 

話雖這麼說......我不知道爲什麼你在第一時間使用document.write。

而且你需要等待加載完成，所以它會更有意義的事：

$('#code').load('stuff.html #specificstuff', function(){ 
    var content = document.getElementById('code').html(); 
    document.write(content); 
}); 

Answer 2

$.load()是asyncronous，所以你的代碼：

var content = document.getElementById('#code'); 
document.write(content); 

被執行之前實際的內容被加載。

把它放在這樣一個回調函數：

$(function(){ 
    $('#code').load('stuff.html #specificstuff', function(){ 
     var content = document.getElementById('code'); 
     document.write(content); 
    }); 
}); 

所以它被執行後的內容已經完成加載。

這就是說，document.write(content);在這種情況下是無用的，因爲$('#code').load()替換元件的與id="code"與元件文件stuff.html的#specificstuff的內容的內容。