我怎樣才能找到元素

Question

的父的elment我有以下的html代碼：

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

如何通過純Java腳本找到父的形象標籤

Answer 1

<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); 
} 

Answer 2

的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. 從parent刪除img。