如何使用js 删除<ul>下第一个<li>

JavaScript041

如何使用js 删除<ul>下第一个<li>,第1张

使用原生的js实现删除ul下的第一个li代码如下：

<ul>

    <li>1</li>

    <li>2</li>

    <li>3</li>

</ul> document.getElementsByTagName('ul')[0].removeChild(document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0])

解释：

document.getElementsByTagName根据标签获取元素，取得的是一个数组，包含所有指定标签的集合，其中document.getElementsByTagName('ul')[0]表示页面上的第1个ul标签（数组下标从0开始）

removeChild方法用于移除子元素，参数为需要移除的元素

<ul><li id="${id}" onclick="remove(${id})"></li><ul>

function remove(id){

//进行操作，完了删除节点

$("#"+id).remove()

}

var node = document.getElementById("key1") // 获取ul标签

var content = node.innerHTML // 获取ul的HTML内容，及众img和li标签

content = content.replace(/<i><\/i>/g, "") // 把i标签替换成空，即删除

node.innerHTML = content // 把删除后的HTML内容覆盖原内容

这是根据你的补充修改过的