Javascript 像document.write（）一样使用getElementByID

几个月前开始编写javascript。最初我一直在使用“document.write（）”命令，但每次使用它时都让它擦除我的html会有点事与愿违

使用getElementByID（“div的ID”）.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

非常感谢

element.insertAdjacentHTML('beforeend', htmlString);

其中，

element

是对DOM元素的引用（例如，从

document.getElementById

返回）

---

---

注意：虽然

element.innerHTML+=htmlString

也是可能的，但这通常是一种不好的做法，因为所有元素的

innerHTML

都将被重新解析为新的DOM元素，从而丢弃旧元素及其附加的侦听器/数据。

是否尝试过console.log（“”）。log（）用于在chrome或firefox浏览器的控制台上显示字符串。在浏览器上单击鼠标右键，选择“检查图元”，然后选择右上角的“控制台”选项卡。页面中的任何错误和控制台上调用的任何函数都将显示在此处

非常感谢，但是div的id去哪里了？@user2998454

元素

是对元素的引用（例如，从

文档.getElementById

返回的元素）。所以

document.getElementById（'divId'）。insertAdjacentHTML（…）

@user2998454没问题<代码>：D介意将答案标记为吗？谢谢<代码>=]谢谢，但我想在代码中运行一些东西，以便用户激活。除非我误解了。我相当肯定document.write通过设计清除了html。我在其他论坛上也看到过。