在javascript中单击按钮时更改文本并替换按钮/文本？
最好的方法是什么？如果单击其中一个按钮，我需要两个按钮来显示两条不同的消息。然后单击时用另一个文本替换该按钮。 有没有好心人愿意帮助我？我不熟悉javascript，只了解以下内容：在javascript中单击按钮时更改文本并替换按钮/文本？,javascript,css,Javascript,Css,最好的方法是什么？如果单击其中一个按钮，我需要两个按钮来显示两条不同的消息。然后单击时用另一个文本替换该按钮。 有没有好心人愿意帮助我？我不熟悉javascript，只了解以下内容： <!DOCTYPE HTML> <html> <head> <title>JavaScript Hello World</title> </head> <body> <div> Text 0 </div> &
<!DOCTYPE HTML>
<html>
<head>
<title>JavaScript Hello World</title>
</head>
<body>
<div> Text 0 </div>
<input type="button" id="toggler" value="Toggler" onClick="action();" />
<input type="button" id="togglee" value="Togglee" />
<script type="text/javascript">
var hidden = false;
function action() {
hidden = !hidden;
if(hidden) {
document.getElementById('togglee').style.visibility = 'hidden';
} else {
document.getElementById('togglee').style.visibility = 'visible';
}
}
function hideAll(){
document.getElementById("id1").style.display="none";
document.getElementById("id2").style.display="none";
document.getElementById("id3").style.display="none";
}
function show(elementId) {
hideAll();
document.getElementById(elementId).style.display="block";
}
</script>
<div id="id1">text 1</div>
<div id="id2">text 2</div>
<div id="id3">text 3</div>
<button type="button" onclick="show('id1');">Choice 1</button>
<button type="button" onclick="show('id2');">Choice 2</button>
<button type="button" onclick="show('id3');">Choice 3</button>
<script type="text/javascript">
hideAll();
</script>
</body>
</html>
JavaScript你好世界
文本0
var隐藏=假；
函数动作（）{
隐藏=！隐藏；
如果（隐藏）{
document.getElementById（'toggle'）.style.visibility='hidden'；
}否则{
document.getElementById（'toggle'）.style.visibility='visible'；
}
}
函数hideAll（）{
document.getElementById（“id1”）.style.display=“无”；
document.getElementById（“id2”）.style.display=“无”；
document.getElementById（“id3”）.style.display=“无”；
}
函数显示（elementId）{
希德尔（）；
document.getElementById（elementId）.style.display=“block”；
}
文本1
文本2
文本3
选择1
选择2
选择3
希德尔（）；
const button1=document.querySelector（“#button1”）；
const button2=document.querySelector（“#button2”）；
const hideButtons=document.querySelector（“#hideButtons”）；
const showButtons=document.querySelector（“#showButtons”）；
设btn1Count=0；
设btn2Count=0；
按钮1.onclick=（evt）=>{
btn1Count++；
button1.innerText=`单击计数${btn1Count}`；
};
按钮2.onclick=（evt）=>{
btn2Count++；
button2.innerText=`单击计数${btn2Count}`；
};
hideButtons.onclick=（）=>{
button1.style.display='none'；
button2.style.display='none'；
}
showButtons.onclick=（）=>{
button1.style.display='block'；
button2.style.display='block'；
}
按钮1
按钮2
隐藏按钮
显示按钮