像document.write（）一样使用getElementByID

Question

几个月前

开始编写javascript。我一直在使用＆＃39; document.write（）＆＃39;最初命令但是每次使用它时都会擦掉我的html会产生一些适得其反的效果。

使用getElementByID（＆＃34; div＆＃39; ID＆＃34;）。innerHTML =或者您认为更好的任何内容，什么才能有效地运行此代码，但将其添加到div中当前的任何内容中，而不是取代它。

x = x + 1
document.write( "you have clicked this button" + x + "times")

所以喜欢点击3次之后应该说：

you have clicked this button 1 times
you have clicked this button 2 times
you have clicked this button 3 times

非常感谢。

Answer 1

element.insertAdjacentHTML('beforeend', htmlString);

element是对DOM元素的引用（例如，从document.getElementById返回）。

Demo

insertAdjacentHTML Reference

---

注意：虽然element.innerHTML += htmlString也是可能的，但这通常是一种不好的做法，因为所有元素的innerHTML都会被重新解析为新的DOM元素，旧元素及其附加的侦听器/数据。

Answer 2

您是否尝试过console.log（＆＃34;＆＃34;）。 console.log（）用于在chrome或firefox浏览器的控制台上显示字符串。右键单击浏览器并选择inspect元素，然后选择topright上的控制台选项卡。页面中的任何错误以及在控制台上调用的任何函数都将显示在此处