以下是一个示例代码,演示了按下“添加”按钮后多次添加一个元素的过程:
// HTML
// JavaScript
const addButton = document.getElementById('addButton');
const list = document.getElementById('list');
addButton.addEventListener('click', () => {
const listItem = document.createElement('li');
listItem.textContent = '新的行会';
list.appendChild(listItem);
});
当按下“添加”按钮时,会在ul
元素中添加一个新的li
元素,显示为“新的行会”。每次按下按钮后,都会添加一个新的元素。
下一篇:按下提交按钮后出现空白页面