[英]javascript document.body undefined if not preceded by a document.write
有了這個最小的網頁：
<html>
<head>
<title>test</title>
<script type='text/javascript' src='test.js'></script>
</head>
<body>
</body>
</html>
這個最小的“ test.js”腳本失敗：
document.body.innerText = 'testje';
document.body似乎未定義：
0x800a138f - JavaScript runtime error: Unable to set property 'innerText'
of undefined or null reference
如果在代碼行之前添加document.write（'blabla'），它將起作用：
document.write('blabla');
document.body.innerText = 'testje';
這使我感到困惑，盡管它看起來很基礎。
我是Javascript新手，所以歡迎您提供一些解釋。
在腳本運行時，沒有body標簽，它還沒有輸出到DOM。
<html>
<head>
<title>test</title>
</head>
<body>
<!-- Place content here -->
<script type='text/javascript' src='test.js'></script>
</body>
</html>
使用document.write ，將使用新內容同步更新document.write ，瀏覽器會修復您的錯誤並添加一個body元素，這就是為什么在document.write之后可以使用它的原因。
腳本出現在head 。 在運行時，沒有遇到body的開始，因此body不存在，無法通過DOM訪問。
document.write將HTML寫入文檔。 在這種情況下，正在寫入字符數據。 由於字符數據不在允許的head和用於結束標記head和用於開始標記body是可選的，這結束head元件，並啟動body 。 此時，該body存在並且可以訪問。
在聲明body元素並且腳本在<head>運行之前，您無法訪問它。
試試這個： window.onload = function(){ document.body.innerText = 'testje'; }; window.onload = function(){ document.body.innerText = 'testje'; };
或將您的腳本放在<body>
為什么不能使用MutationObserver API在document.body上觀察document.write？
[英]Why can't observe document.write on document.body using MutationObserver API?
如何從 document.write 內的腳本訪問 document.body
[英]How to access document.body from a script inside of document.write
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.