javascript - 要素の親で要素を見つけるにはどうすればよいですか

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>

私はそれを自明のように書こうとしましたが、ウォークスルー：

1. eクリックイベントです。
2. e.targetユーザーがクリックしたものです（アンカータグ）
3. parentアンカーの親ノードです。
4. img親ノードの最初のイメージです。
5. から削除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);
}