如何將文字放入創建在外部JavaScript文件中的div中.js

Question

我有問題。如何將div放入外部javascipt文件（.js）？什麼是語法？不是將.js轉換爲已經在html頁面但在.js文件中的div！這裏的這個問題是重申和修改的。

我重複下面的代碼是在.js文件！

var div = document.createElement("div"); 
div.style.width = "100px"; 
div.style.height = "100px"; 
div.style.background = "red"; 
div.style.color = "white"; 

我想要做的是將代碼放在div中寫入javascript永久文件.js！與上面的代碼在同一個.js文件中。

document.write("<h1>This is a heading</h1>"); 
    document.write("<p>This is a paragraph</p>"); 

Answer 1

div.innerHTML = '<h1>This is a heading</h1><p>This is a paragraph</p>'; 

對於大量的字符串，你可以將它們連接起來：

var str = '<h1>This is a heading</h1'; 
str += '<p>This is a paragraph</p>'; 
str += '<p>This is a another paragraph</p>'; 
... 
div.innerHTML = str;