javascript - 如何使用 JavaScript 更改基于 onclick 的文本？

Question

大家晚上好!

好吧，我目前正在学习 JavaScript，我已经达到了我需要的程度，基于点击的文本(按钮，......我猜这并不重要)。

例如:

This message should be edited.

两个选择:ES - EN

如果选择“ES”选项，则:

This message has been edited to ES.

否则，如果单击/选择选项“EN”，则:

This message has been edited to EN.

我认为这可以通过脚本中的 if 来实现，但问题是如何告诉脚本选择了哪个选项，如果是“ES”或“EN”。

我有这个:

<p id="demo">This message should be edited.<p>
<a href="#" id="ES" onclick="func();">ES</a> - <a href="#" id="EN" onclick="func();">EN</a> - <a href="#" id="JP" onclick="func();">JP</a>

正如我所说，问题是我不知道如何告诉脚本已单击/选择的内容。

感谢您可能给我的任何帮助(如果可能的话，对解决方案的解释或解释会很棒，因为我想学习和理解，而不是在无法解决相同或类似问题的情况下解决这个问题一个 future )。

Answer 1

将 this 传递给您获取点击元素的函数。

然后使用innerHTML 将它的id 设置为您的p 标签.

参见示例

function func(ele){
    var demo = document.getElementById('demo');
    demo.innerHTML = "This message should be edited to "+ele.id+".";
}

<p id="demo">This message should be edited.<p>
<a href="#" id="ES" onclick="func(this);">ES</a> - <a href="#" id="EN" onclick="func(this);">EN</a> - <a href="#" id="JP" onclick="func(this);">JP</a>