单击javascript函数中的onclick按钮后,如何获取其标题?

单击javascript函数中的onclick按钮后,如何获取其标题?,javascript,jquery,Javascript,Jquery,我在li里面有几个按钮。我想知道,一旦单击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. } </ja

我在li里面有几个按钮。我想知道,一旦单击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>

函数MyFunction(MyFile,MyImage){
//在这里,我想获得onclick按钮的标题,它是Mango,并将其设置为variable。
}
  • 芒果
  • 苹果

  • 使用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>
    
    B1
    B2
    地下三层 var newText=‘谢谢’; 功能回复\u点击(点击\u id) { 警报(document.getElementById(单击的id).text); document.getElementById(已单击)。text=newText; }
    编辑:抱歉,没有看到你在用锚而不是你的问题提到的按钮,我的错。我还添加了如何更改文本

    不要使用
    内联事件绑定

    使用
    innerHTML
    ,它将返回元素的HTML/文本内容(内部)

    $(选择器).next()
    将获取下一个元素。
    .attr()
    将返回元素的指定属性

    试试这个:

    var-CurrentID;
    $('li a')。在('click',函数(e)上{
    e、 预防默认值();
    setCurrentID(this.id);
    MyFunction('type=fruit&day=friday',$(this).next('img').attr('src'),this.innerHTML);
    });
    函数setCurrentID(id){
    CurrentID=id;
    }
    函数MyFunction(MyFile、MyImage、MyTitle){
    警报('MyFile:'+MyFile+'MyImage:'+MyImage+'MyTitle:'+MyTitle)
    }
    
    
    • 芒果
    • 苹果

    谢谢您的回复。我的意思是芒果和苹果在上面的onclick按钮示例中,如何通过jquery或JavaScript获得芒果和苹果文本?我更新了下面的答案,我很匆忙,给了你错误的属性。该函数现在已修复。请使用addEventListeners处理单击,在侦听器函数中,这指的是被单击的元素。然后你可以得到按钮的标题或其他属性。谢谢你的例子。但是我想要B1、B2和B3而不是ID!此外,我是否可能不经常更改点击按钮的结构,因为我的项目的其余部分依赖于相同的结构!用正确的代码更新,我的意思是,firstChild.data而不是value。你所说的onclick按钮的结构是什么意思?我的意思是我不想更改对不起,基于你的问题完全误读了你的代码。更新和工作。为什么不使用锚定标记的文本属性呢?我觉得我遗漏了一些东西,因为你对这个问题的回答有多么复杂。
    Node.textContent
    可以使用,但它会失败
    IE<9
    啊,有时候忘记IE的向后兼容。这是有道理的。非常感谢。