添加但不覆盖文本

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');