像document.write()一样使用document.write

Question

几个月前开始编写javascript。最初我一直在使用'document.write()‘命令，但是每次使用它时都让它擦除我的html，这有点适得其反。

使用getElementByID(“div‘div”).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

Reference

注意:虽然也是可能的，但它通常是一种不好的做法，因为所有元素的innerHTML都将被重新解析为新的DOM元素，从而淘汰旧元素及其附加的侦听器/数据。

Answer 2

你试过console.log("")了吗？console.log()用于在chrome或firefox浏览器的控制台上显示字符串。在浏览器上右击并选择检查元素，然后选择右上角的console选项卡。页面中的任何错误和控制台上调用的任何函数都将显示在这里。