2013-04-10 60 views
0

我的IMG調用方法的onClick功能,我想,圖片ID使用進一步因此如何訪問圖片ID如何在HTML得到ID名稱對任何對象

con.innerHTML += '<table id="results" width="915" border="1" style="margin:-46px 0 0 -2px;"><tr><td><input id="chkbox'+j+'" type="checkbox" name="click_1" value="">&nbsp;' 
     + str 
     + '</td><td colspan="4" align="right"><a href="javascript:presenter.command(\'viewPdf\',{\'path\': \'/images/pdf/animal/Beef/'+j+'.pdf\'});"><img src="images/view.png" style="margin-left:250px;"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/email.png" id="'+j+'" onClick=mytest()></td></tr>'+ break_line +'<img src="images/line.png" style="margin-bottom:-47px;"></table>'; 

這裏是功能我想存儲圖像的ID也就是殲這個

 function mytest(){ 

    var ab=document.getElementById('j'); 

    alert("ali this is wokring fine"); 

    } 

回答

3

如果你堅持使用內聯事件屬性,只是這樣做:

onClick='mytest(this)' 

......這傳遞一個參考點擊的元素到你的函數:

function mytest(clickedElement) { 
    var theId = clickedElement.id; 
} 

然後,您可以訪問任何有問題的元素的性質。我已經展示瞭如何獲得id,但您可能不需要id,因爲如果您已經有了對元素的引用,那麼顯然可以直接使用它 - 因爲它是一個img,例如,可以更改其src

clickedElement.src = "someotherimg.jpg"; 

請注意,你不那麼需要getElementById()可言。

更新:回答「如果?在你的代碼,如果ID

onclick='mytest(this.id);' 

...和直接:在評論,你可以設置mytest()收到一個id:

function mytest(elId) { 
    var ab = document.getElementById(elId); 
    // etc 
} 

然後你就可以從onclick處理程序調用它都已經知道:

mytest('1'); 
mytest('2'); 
var someId = '3'; 
mytest(someId); 
+0

如果我想調用這個mytest使用id像不onClickClick因爲我有超過100個pdf,我想,如果id 0然後打開1和2然後2這樣,而不是callin mytest我們可以通過id簡單調用簡單 – 2013-04-10 09:31:18

+0

我已更新我的回答,以涵蓋您在評論中似乎要求提出的問題。 – nnnnnn 2013-04-10 09:36:42

+0

可以請你幫我解釋一下,如何在pdf名稱中連接這個var的變量 – 2013-04-10 09:40:20

0

通Ĵ內mytest的

+ '</td><td colspan="4" align="right"><a href="javascript:presenter.command(\'viewPdf\',{\'path\': \'/images/pdf/animal/Beef/'+j+'.pdf\'});"><img src="images/view.png" style="margin-left:250px;"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/email.png" id="'+j+'" onClick="mytest('+j+');"></td></tr>'+ break_line +'<img src="images/line.png" style="margin-bottom:-47px;"></table>'; 

JS:

function mytest(id){ 

    var ab=document.getElementById(id); 

    alert("ali this is wokring fine"); 

    } 
0

在圖片標籤調用Mytest()功能類似下面

onClick='mytest(this);' 

的Javascript:

function mytest(imgEle) { 
    var ab=imgEle.id; 
    alert("ali this is wokring fine"); 
} 
2

你可以做的是這樣的:

<img id="some_id" src="images/email.png" onclick="mytest(this)"> 

function mytest (img) { 
    alert(img.id); 
}