以下是一个示例代码,展示了如何在按钮点击时将元素添加到 div 中:
HTML 代码:
JavaScript 代码:
document.getElementById("myButton").addEventListener("click", function() {
var div = document.getElementById("myDiv");
var newElement = document.createElement("p");
newElement.innerText = "新添加的元素";
div.appendChild(newElement);
});
在这个示例中,我们首先通过 getElementById
方法获取按钮和 div 的引用。然后,我们使用 addEventListener
方法给按钮添加了一个点击事件的监听器。
在点击事件的处理函数中,我们使用 createElement
方法创建了一个新的 元素,并使用
innerText
属性设置了其文本内容。然后,我们使用 appendChild
方法将新创建的元素添加到 div 中。
这样,每次点击按钮时,一个新的 元素就会被添加到 div 中。
上一篇:按钮点击时有条件地进行导航
下一篇:按钮点击时在不同的容器中渲染组件