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呢？
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>}
温馨提示：答案为网友推荐，仅供参考
第1个回答 2013-12-09
用jquery
比如：你要删除的元素id为 delbtn
要移除该元素，这样调用即可：$("#delbtn").remove();
<div id="test">
<input type="text" id="ww" />
</div>
要删除div下的input 元素，可以这样:用jquery $("#delbtn").empty();
用js实现：document.getElementById("delbtn").innerHtml="";
比如：你要删除的元素id为 delbtn
要移除该元素，这样调用即可：$("#delbtn").remove();
<div id="test">
<input type="text" id="ww" />
</div>
要删除div下的input 元素，可以这样:用jquery $("#delbtn").empty();
用js实现：document.getElementById("delbtn").innerHtml="";
第2个回答 推荐于2017-09-22
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);
};
}追问
onclick='ruturn del(this)'
// 然后del函数接收this
function del(obj) {
// obj就是span，parentNode是li
var li = obj.parentNode;
}本回答被提问者采纳
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不行，怎么办？
onclick='ruturn del(this)'
// 然后del函数接收this
function del(obj) {
// obj就是span，parentNode是li
var li = obj.parentNode;
}本回答被提问者采纳
第3个回答 2013-12-09
你是想删除 span父类的ID还是整个父类全部删除？
