Javascript 如何使onClick同时执行多个类似的功能？

我试图让按钮onClick使用表单中相同的输入填充两个#box元素。并可能在将来添加更多的框。但它似乎只调用了前两个函数

给你

尝试用几种不同的方法更改onclick调用的语法。没用

函数myFunction（）{
var str=document.getElementById（“myname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname”）.innerHTML=res；
}
函数myFunction2（）{
var str=document.getElementById（“theirname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname”]'）.value）；
document.getElementById（“theirname”）.innerHTML=res；
}
函数lovely2（）{
var str=document.getElementById（“myname1”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname1”）.innerHTML=res；
}
函数lovely5（）{
var str=document.getElementById（“theirname1”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname1”]”）值）；
document.getElementById（“theirname1”）.innerHTML=res；
}

填写姓名
重置
谢谢您联系我们。我的名字是uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。
复制文本
谢谢您联系我们。我的名字是uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。
复制文本

您不必尝试在单击事件时调用多个函数，只需执行此操作即可对其进行重构

onClick（）

用作处理单击事件的函数

<button onclick="onClick()">Fill Names</button>

---

onClick（）

将在用户单击该按钮时触发，这将确保调用所有4个函数。

您可以调用另一个函数中的所有函数，并在单击该按钮时触发。我认为不可能一次调用html事件中的所有函数

点击我

单击函数（）{
myFunction（）；
myFunction2（）；
可爱的2（）；
可爱的5（）；
}

这段代码仍然不起作用，因为在您当前的javascript中，lovely2（）和lovely（）嵌套在myFunction2（）中，因此您无法调用它们，而调用myFunction2（）也不会调用它们。你需要把它们移到外面，就像这样

函数myFunction（）{
var str=document.getElementById（“myname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname”）.innerHTML=res；
}
函数myFunction2（）{
var str=document.getElementById（“theirname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname”]'）.value）；
document.getElementById（“theirname”）.innerHTML=res；
}
函数lovely2（）{
var str=document.getElementById（“myname1”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname1”）.innerHTML=res；
}
函数lovely5（）{
var str=document.getElementById（“theirname1”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname1”]”）值）；
document.getElementById（“theirname1”）.innerHTML=res；
}

您的代码中有一些输入错误-

}

和

输入[name=“theirname1”]

的位置不正确

函数myFunction（）{
var str=document.getElementById（“myname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname”）.innerHTML=res；
}
函数myFunction2（）{
var str=document.getElementById（“theirname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname”]'）.value）；
document.getElementById（“theirname”）.innerHTML=res；
}
函数lovely2（）{
var str=document.getElementById（“myname1”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“name”]）.value）；
document.getElementById（“myname1”）.innerHTML=res；
}
函数lovely5（）{
var str=document.getElementById（“theirname”）.innerHTML；
var res=str.replace（“\uuuuuuuuuuuuuuuuuu”，
document.querySelector（'input[name=“theirname”]'）.value）；
document.getElementById（“theirname1”）.innerHTML=res；
}

填写姓名
重置
谢谢您联系我们。我的名字是uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。
复制文本
谢谢您联系我们。我的名字是uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。
复制文本

您最好学会将JavaScript与HTML分开，真的。。。然后它就像

Element.onclick=function（）{myFunction（）；myFunction2（）；lovely2（）；lovely5（）；}

一样简单

Element

可以通过多种方式获取，包括

document.getElementById（'yourtmlid'）

（当然，在这种情况下，您需要元素具有id属性）。函数

lovely5

中有一个输入错误

input[name=“theirname1”]

应该是

input[name=“theirname”]

这仍然只是填充第一个框。我不知道为什么，如果函数被调用，它不会填充表单，因为myFunction2中有函数lovely2和lovely5，也许你应该把它们移到外面，它会在@TeaBadgerTanks中工作，这工作得很好。打字错误是唯一使函数无效的东西吗？

function onClick() {
  myFunction(); 
  myFunction2();
  lovely2(); 
  lovely5();
}