Question

请问js下如何删除<li><i></i><a href=""></a></li>里面的<i></i>标签

整体代码如下
<ul>
<li><i></i><a href="javascript:void(0);" onclick="changeAtt(8,1)">
<img src=""/></a></li>
<li><a href="javascript:void(0);" onclick="changeAtt(9,1)">
<img src=""/></a></li>
<li><i></i><a href="javascript:void(0);" onclick="changeAtt(10,1)">
<img src=""/></a></li>
<li><i></i><a href="javascript:void(0);" onclick="changeAtt(11,1)">
<img src=""/></a></li>
<li><a href="javascript:void(0);" onclick="changeAtt(12,1)">
<img src=""/></a></li>
</ul>
补充一下 ul有个id="key1"，还有多个ul，如id="key2"，id="key3"等，现在只想删除id=key1的<i></i>标签

Answer 1

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内容覆盖原内容

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

Answer 2

function deleteNode(){
		var f=document.getElementsByTagName("ul");
		var childs=f[0].childNodes;
		for (var i = childs.length - 1; i >= 0; i--) {
			f[0].removeChild(childs[i]); 
		};
	} 
//知道 具体的id 可以直接用 document.getElementById("key1");
  f=document.getElementById("key1");	
  var childs=f.childNodes;
  //删除时直接 f.removeChild(childs[i]);
//根据 tagName删除。你按照你的tagName在文档中索引确定是下标值。例子按照0算的

Answer 3

var onei = document.querySelector('#key1 li i');
while(onei){
    onei.parentNode.removeChild(onei);
    onei = document.querySelector('#key1 li i');
}

Answer 4

$("li").find("i").remove();

追问

用js 不用jQuery 谢谢啦

追答

var s = document.getElementsByTagName("i");
for(vari=0;i<s.length;i++){
    s[i].remove()
}

试一下，我也不确定这样能不能移除掉