添加但不覆盖文本

Question

我有一个名为＆＃34; StartMsg＆＃34; 我想用id＆＃34; Screen＆＃34;将文本添加到div元素。但遗憾的是我只知道基本的JS，这是我到目前为止所拥有的;

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

但是它会覆盖我以前的所有文字（是的，我知道它应该这样做，我试图找到一种不覆盖但添加的方法！）。

Answer 1

您可以尝试使用createTextNode()方法，

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

使用innerHTML将删除div元素

中的所有侦听器

Answer 2

使用textContent并隐藏新字符串

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

JSFIDDLE

Answer 3

您还可以使用append方法。

例如：

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