使用按钮创建和填充列表项的方法可以通过以下步骤实现:
<div>
<button id="addBtn">添加项</button>
<ul id="list"></ul>
</div>
var addButton = document.getElementById("addBtn");
addButton.addEventListener("click", addItemToList);
addItemToList
中,创建新的列表项并将其添加到列表中。例如:function addItemToList() {
var list = document.getElementById("list");
var newItem = document.createElement("li");
newItem.textContent = "新的列表项";
list.appendChild(newItem);
}
function addItemToList() {
var list = document.getElementById("list");
var newItem = document.createElement("li");
var inputValue = document.getElementById("inputField").value; // 假设有一个输入框用于获取用户输入
newItem.textContent = inputValue;
list.appendChild(newItem);
}
通过以上步骤,你可以使用按钮创建和填充列表项。这种方法适用于需要动态添加或更新列表内容的场景,例如待办事项列表、评论列表等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云