添加但不覆蓋文本

Question

我有一個名爲「StartMsg」的函數，我想將文本添加到ID爲「屏幕」的div元素的「StartMsg」 。但遺憾的是，我只知道基本的JS，這是我迄今爲止的;

function StartMsg() { 
document.getElementById('Screen').innerHTML = "The   game was created."; 
}  

但它會覆蓋所有我以前的文字（是的，我知道這是應該做的，我試圖找到一種方法，不覆蓋，但加！）。

Answer 1

使用textContent和CON-貓新的字符串

document.getElementById('Screen').textContent += " The game was created."; 

JSFIDDLE

Answer 2

你可以試試createTextNode()方法，

var your_div = document.getElementById('Screen'); 
var your_text = document.createTextNode("text added"); 
your_div.appendChild(your_content); 

使用innerHTML將刪除div元素內的所有聽衆

Answer 3

您也可以使用append方法。

例如：

$('variable').append('some text');