单击javascript函数中的onclick按钮后,如何获取其标题?
我在li里面有几个按钮。我想知道,一旦单击JavaScript函数中的每个按钮,我如何才能获得它的标题?我想将按钮的标题设置为一个变量。提前谢谢单击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
<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的向后兼容。这是有道理的。非常感谢。