在HTML中,
HTML代码:
- 第一项
- 第二项
- 第三项
JavaScript代码:
function addItem() {
var ul = document.getElementById("myList");
var li = document.createElement("li");
li.appendChild(document.createTextNode("新项"));
ul.appendChild(li);
}
说明:
上述代码中,首先通过getElementById方法获取了id为“myList”的ul元素,接着使用createElement方法创建了一个新的li元素,并使用createTextNode创建了一个文本节点,将其包含在li元素中。最后,使用appendChild将新创建的li元素添加到ul元素的末尾。
当单击按钮时,JavaScript将调用addItem函数,该函数执行以上操作以在ul中添加新项。