Javascript 突出显示按钮上的文本部分

这是我第一次编写HTML/Javascript。我有许多按钮，当按下时，它们会改变一个图像-一切正常

我还想对按下按钮后要突出显示的图像中发生的情况进行描述。当按下其中一个按钮时，它还需要返回到不高亮显示状态

我一直在玩弄if语句等，但我似乎无法让它工作

这就是我到目前为止所做的：

<button class="rbutton" onclick="R1Change()" style="position:absolute; Left:47.1%; Top: 70.7%; z-index: +1"></Button>

function R1Change() { 
    var img = document.getElementById("image"); 
    img.src="S1.png"; 
    return false; 
}

---

有什么提示吗？

我要做的就是将文本描述的背景颜色更改为您希望突出显示的颜色。应该类似于基于代码的注释：

<button class="rbutton" onclick= "R1Change()"Style="position:absolute; Left:47.1%; Top: 70.7%; z-index: +1"></Button> 

---

这里是一个简单的示例，使用香草JavaScript，没有jQuery或其他库

关键部分是更改目标元素/描述的样式属性。我还添加了一些简短的注释，告诉您脚本的功能

description.style.backgroundColor = 'orange'

var button=document.getElementById'button'；//查找按钮 var description=document.getElementById'figcaption'；//查找描述 变量changescription=函数{ //更改描述的颜色 description.style.backgroundColor='橙色'； }; 按钮。addEventListener“单击”，functionevent{ //检测点击按钮 变更描述； }; 请告诉我 图一你的描述在这里。

---

您好，欢迎光临，向我们展示您的代码会很好，这样我们就可以看到您已经拥有了什么。请添加您的代码。这是一个按钮示例，这是它的脚本：function R1Change{var img=document.getElementByIdimage；img.src=S1.png；return false；}@J.Butterworth仅供参考，所有函数不需要在Javascript中返回，只需要从中获取值的函数，例如a=addx，y@J.Butterworth请编辑您的原始问题，而不是发表评论。谢谢您的回答-但是当我运行代码时，它似乎不起作用。当我在控制台中进行检查时，description.style.backgroundColor='orange'以红色下划线。你知道为什么吗？@J.Butterworth你试过我的答案吗？

description.style.backgroundColor = 'orange'