Javascript在单击时更改div的文本

您好，我为我的网站设计了以下scructure。但是我不知道怎么编码

我有一个div，里面没有内容。我们称之为div=“text”。 在这个部门旁边我有很多按钮。当有人按下按钮时，div文本需要显示链接到该按钮的文本。单击另一个按钮时，文本需要消失，链接到所单击按钮的文本需要显示

我想我可以通过在文本中设置许多div来实现这一点，这些div被设置为display:none，只要按下按钮，我就会将显示更改为block。但我不知道该怎么做

有人能帮我吗

您好， Merijn

使用jQuery

标记：

<div id="display"></div>
<input type="button" value="button 1" />
<input type="button" value="button 2" />
<input type="button" value="button 3" />
​

---

我建议你开始学习JS。StackOverflow不是“为我写”的意思

我建议从这里开始：。您可能正在搜索“.innerHTML”我还没有尝试过任何东西，我的javascript知识太少。我试着用谷歌搜索它。并找到以下内容：$（文档）.ready（函数（）{$（“.slidingDiv”）.hide（）；$（“.show_hide”）.show（）；$（'.show_hide'）。单击（函数（）{$（“.slidingDiv”）.slideToggle（）；}）；那么也许你应该先学习更多关于JavaScript的知识。我特别推荐。不，我明白。我很抱歉。我现在有了正确的answare。。我没有真正提到我以前试过。因为我认为这不重要。我自己尝试的是一个链接按钮。它起作用了。但是我的网站移到了oage的开头，因为a使页面加载速度加快。但无论如何，塔克斯！

$('input:button').click(function() {
    $('#display').text($(this).val());
});​