Javascript 如何用一个按钮调用两个函数

我试图用javascript按钮更改图像和文本。我可以一次更改图像或文本，但不能同时更改两者。请帮忙

这就是我试过的

函数myFunction（名称）{
document.getElementById（“2”）.innerHTML=“SDMC”+名称；
}

成员
gggggggggggggg
计算机

在onclick上添加任意数量的函数调用，调用之间使用“；”。就像你在写一个代码，一个接一个地调用函数一样

函数myFunction（名称）
{
document.getElementById（“2”）.innerHTML=“SDMC”+名称；
}

成员
gggggggg
计算机

调用两个函数只需使用分号将它们分开即可。例如：

function myFunction() {
  setImage();
  setCaption();
}

在您的例子中，这稍微有点困难，因为您正在更新一个图像，并且需要将该src图像URI和标题存储在某个地方

理想情况下，您应该开始考虑分离内嵌JS和HTML。非常有用，因为它使编写、理解和维护代码更加容易

在本例中，我将JS从HTML中分离出来，使标记更易于阅读。有一个容器（更新后的图像和标题将放在其中），还有两个按钮，由数据属性中的id标识（为了方便起见，我将它们称为“计算机”和“成员”）

图像和标题信息现在存储在名为

dict

的JS对象中。它包含两个由键（“计算机”和“成员”）标识的对象，其中包含相应的数据

元素被缓存，给定的按钮单击侦听器。单击它们时，它们调用

交换

函数

swap

从单击的按钮获取id，并使用它调用

getHTML

，以从字典对象获取正确的容器HTML。HTML以字符串的形式返回，并用它更新容器HTML

//字典是一个包含
//每个img/字幕类型的对象
常量dict={
成员:{
img:'https://2.bp.blogspot.com/-lsb_v-7rE5c/XaSceQO2x9I/AAAAAAAAO5w/W-3M-Ccg6RYq73bBV7ihp7OdYzkNrIPmwCLcBGAsYHQ/s320/images%2B%25281%2529.png',
描述：“KKKKK”
},
计算机：{
img:'https://1.bp.blogspot.com/-XvSuPCgIHrc/Xb67ueOGjeI/AAAAAAAAPL8/T4F2rs5nIkA1A_UIi7oBCvevmIl0g5pVQCLcBGAsYHQ/s1600/download.jpg',
标题：“yyyyyyyy”
}
};
//缓存容器和按钮
const container=document.querySelector（'.container'）；
const buttons=document.queryselectoral（'.button'）；
//将单击侦听器添加到按钮
button.forEach（button=>button.addEventListener（'click'，swap，false））；
//从中获取img和标题信息
//使用id创建字典，并返回模板文本
//描述要显示的HTML
函数getHTML（id）{
常量{[id]：{img，caption}}=dict；
返回'SDMC${caption}'；
}
//从元素中获取id并设置容器
//从“getHTML”返回的HTML字符串
函数交换（）{
const{dataset:{id}}=this；
container.innerHTML=getHTML（id）；
}

.container{margin top:1em；}

成员
电脑类