Question

我有以下HTML代码：

<div class=imgHolder>
      <img src="some address"/>     
       <a class="del" onClick="function">delete</a>
</div>

如何在纯Java脚本的父代中找到图像标记

Answer 1

<强>使用Javascript：

function clickFunc(e){

var tgt = e.target;
var parent = tgt.parentNode;
var img = parent.getElementsByTagName("img")[0];

parent.removeChild(img);
}

<强> HTML：

<div class=imgHolder>
    <img src="some address"/>     
    <a class="del" onClick="clickFunc">delete</a>
</div>

我试着把它写成自我解释，但是一直走过：

e是点击事件。
e.target是用户点击的内容（您的主播标记）
parent是锚点的父节点。
img是父节点中的第一个图像。
从img移除parent。

Answer 2

<div class=imgHolder>
  <img src="some address"/>     
   <a href="javascript:void();" class="del" onclick="deleteThis(this);">delete</a>
</div>

脚本：

function deleteThis(sender){
    var childs = sender.parentNode.childNodes;
    for (var i = 0; i < childs.length; i++){
        if (childs[i].tagName === 'img')
            alert(childs[i].src);
    }
}

或者，如果您确定img将始终在链接之前。

function deleteThis(sender){
    if (sender.previousSibling.tagName === 'img')
       alert(sender.previousSibling.src);
}

如何在元素的父元素中找到元素

2 个答案: