如何在javascript函數內部點擊按鈕後得到onclick按鈕的標題？

Question

我在裏面有幾個onclick按鈕。我不知道如何獲得JavaScript函數中每個按鈕的標題，一旦它被點擊？我想設置按鈕的標題等於一個變量。提前感謝。

<javascript> 
    function MyFunction(MyFile,MyImage){ 

    //here i want to get the title of onclick button which is Mango and set it equal to variable. 

    } 
    </javascript> 

    <li><a id="123456" onclick="setCurrentID('123456');javascript:MyFunction('type=fruit&day=friday','http://somesite.com/Image1.png');">Mango</a><img src="http://www.somesite.com/123456.png"></li> 
    <li><a id="123457" onclick="setCurrentID('123457');javascript:MyFunction('type=fruit&day=friday','http://somesite.com/Image2.png');">Apple</a><img src="http://www.somesite.com/123457.png"></li> 

Answer 1

與您的onclick函數發送的ID，然後你通過引用標籤：

document.getElementById("myBtn").text; 

所以基本上：

<a id="1" onClick="reply_click(this.id)">B1</a><br /> 
<a id="2" onClick="reply_click(this.id)">B2</a><br /> 
<a id="3" onClick="reply_click(this.id)">B3</a> 

<script type="text/javascript"> 
var newText = 'Thank You'; 
function reply_click(clicked_id) 
{ 
    alert(document.getElementById(clicked_id).text); 
    document.getElementById(clicked_id).text = newText; 
} 
</script> 

編輯：道歉，沒看到你使用錨點而不是按鈕作爲你的問題提到，我的錯。我還添加了如何更改文本。

Answer 2

請勿使用inline-event-binding。

使用innerHTML，它將返回元素的HTML /文本內容（內部）。

$(SELECTOR).next()將抓取下一個元素。.attr()將返回元素的指定屬性。

試試這個：

var CurrentID; 
 
$('li a').on('click', function(e) { 
 
    e.preventDefault(); 
 
    setCurrentID(this.id); 
 
    MyFunction('type=fruit&day=friday', $(this).next('img').attr('src'), this.innerHTML); 
 
}); 
 

 
function setCurrentID(id) { 
 
    CurrentID = id; 
 
} 
 

 
function MyFunction(MyFile, MyImage, MyTitle) { 
 
    alert('MyFile: ' + MyFile + ' MyImage: ' + MyImage + ' MyTitle:' + MyTitle) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul> 
 
    <li><a id="123456">Mango</a> 
 
    <img src="http://www.somesite.com/123456.png"> 
 
    </li> 
 
    <li><a id="123457">Apple</a> 
 
    <img src="http://www.somesite.com/123457.png"> 
 
    </li> 
 
</ul>

Fiddle here