Question

js删除html标签

aspx:
<div id="a"></div>
js:
function a(){
var inn="<li id="qwe"><span style='cursor: pointer;'>删除</span></li>";
document.getElementById("a").innerHTML += inn;
}
请问怎样能通过span删除按钮获取其所在的li的id呢？

Answer 1

function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer;'>删除</span></li>";<br>var div = document.getElementById("a")<br>div.innerHTML += inn;<br>// 查找span<br>var span = div.getElementsByTagName('span')[0];<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li，也就是父元素<br> var li = this.parentNode;<br> // id属性<br> var id = li.id;<br> alert(id);<br>};<br>}

Answer 2

用jquery
比如：你要删除的元素id为 delbtn
要移除该元素，这样调用即可：$("#delbtn").remove();

<div id="test">
<input type="text" id="ww" />
</div>
要删除div下的input 元素，可以这样:用jquery $("#delbtn").empty();
用js实现：document.getElementById("delbtn").innerHtml="";

Answer 3

function a(){
var inn="<li id="qwe"><span style='cursor: pointer;'>删除</span></li>";
var div = document.getElementById("a")
div.innerHTML += inn;
// 查找span
var span = div.getElementsByTagName('span')[0];
// 添加click事件
span.onclick = function () {
    // 查找li，也就是父元素
    var li = this.parentNode;
    // id属性
    var id = li.id;
    alert(id);
};
}

追问

先表示下感谢，但我想要的是不确定的span的点击事件,因为要动态添加多个html标签，所以不知道是哪个span中的删除按钮。比如
var inn="删除";加个onclick类似这样的，但这样用this.parentNode不行，怎么办？

追答

// 括号里写this
onclick='ruturn del(this)'

// 然后del函数接收this
function del(obj) {
    // obj就是span，parentNode是li
    var li = obj.parentNode;
}

Answer 4

你是想删除 span父类的ID还是整个父类全部删除？