javascript-為什么innerHTML替換無法運行？
[英]javascript - Why doesn't innerHTML replacing run?
問題描述
<!DOCTYPE HTML>
<html>
<head>
<script>
document.write("TEST1")
document.getElementById("demo").innerHTML="TEST2"
document.write("TEST3")
</script>
</head>
<body>
<p id="demo">TO_BE_REPLACED</p>
</body>
</html>
這是輸出：TEST1
TO_BE_REPLACED
看來javascript執行已在document.getElementById("demo").innerHTML="TEST2"處停止。 為什么不執行？
2 個解決方案
解決方案1
3 已采納 2013-02-19 02:47:29
運行腳本時， <p id="demo"> 尚不存在 。 因此， document.getElementById('demo')返回null ，然后在您嘗試分配null時觸發錯誤null.innerHTML = "TEST2"
此錯誤將停止所有執行，因此您永遠看不到最終的TEST3 。
解決方案2
1 2013-02-19 02:58:13
您需要將腳本封裝在加載窗口時將調用的函數中（使用“ window.onload”事件）。
<!DOCTYPE HTML>
<html>
<head>
<script>
function replaceDemoText()
{
document.getElementById("demo").innerHTML="TEST2";
}
window.onload = replaceDemoText;
</script>
</head>
<body>
<p id="demo">TO_BE_REPLACED</p>
</body>
</html>
以編程方式替換整個文檔的“innerHTML”不會觸發加載 JS？
[英]Programmatically replacing `innerHTML` of whole document doesn't trigger loading JS?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
為什么html（）執行JavaScript，但innerHTML不執行？
innerHTML 不起作用，為什么？
為什么 innerHtml 不起作用
以編程方式替換整個文檔的“innerHTML”不會觸發加載 JS？
javascript .innerhtml img 不顯示
為什么我的Javascript文件不運行？
Javascript函數在新的innerHTML中不起作用
Javascript innerhtml無法與Twig標簽一起使用
計時器不起作用/ JavaScript / innerHTML null
Javascript for 循環 innerhtml 不起作用
相關標簽