编辑:我已经修复了分号、区分大小写以及括号。如果我删除 buttonPARTICULAR
之后的功能,代码就可以工作!为什么?
编辑:已修复。我是个笨蛋。对不起!!! :-Z
当我保持简单时,就像这样,一切正常:
<head>
<script>
function buttonGRUPO()
{
document.getElementById("desc").innerHTML="Grupo";
}
function buttonPARTICULAR()
{
document.getElementById("desc").innerHTML="Particular";
}
</script>
</head>
<body>
<p> <button class="art-button" onclick="buttonPARTICULAR()">Aulas Particulares</button></p>
<p> <button class="art-button" onclick="buttonGRUPO()">Aulas em Grupo</button></p>
<p id="desc">Text</p>
</body>
但是,每当我向脚本添加更多功能时,所有按钮和代码都会停止工作。
<head>
<script>
function buttonGRUPO()
{
document.getElementById("desc").innerHTML="Grupo";
}
function buttonPARTICULAR()
{
document.getElementById("desc").innerHTML="Particular";
}
function buttonINCOMPANY()
{
document.getElementbyID("desc").innerHTML="in-COmpany";
}
function buttonINTENSIVOS()
}
document.getElementbyID("desc").innerHTML="Intensivo";
{
function buttonIMERSIVOS()
}
document.getElementbyID("desc").innerHTML="Imersivos"
{
function buttonPALESTRAS()
}
document.getElementbyID("desc").innerHTML="Palestras"
}
</script>
</head>
<body>
<p> <button class="art-button" onclick="buttonPARTICULAR()">Aulas Particulares</button></p>
<p> <button class="art-button" onclick="buttonGRUPO()">Aulas em Grupo</button> </p>
<p id="desc">Text</p>
</body>
为什么增加几乎相同的代码数量甚至会破坏之前正常运行的代码?我在这里犯了语法错误吗?
编辑
@Woot4Moot 仍然无法正常工作
仍然无法正常工作。
function buttonB()
{
document.getElementById("desc").innerHTML="B";
}
function buttonA()
{
document.getElementById("desc").innerHTML="A";
}
function buttonC()
{
document.getElementbyID("desc").innerHTML="C";
}
function buttonD()
{
document.getElementbyID("desc").innerHTML="D";
}
function buttonE()
{
document.getElementbyID("desc").innerHTML="E";
}
function buttonF()
{
document.getElementbyID("desc").innerHTML="F";
}
<p><button onclick="buttonA()">A</button></p>
<p><button onclick="buttonB()">B</button></p>
<p id="desc"> text</p>'
更具体地说,当我将此代码加载到浏览器中时(按钮和 p id="desc"
),但是当单击按钮时,p id="desc"
不会根据 JavaScript 命令而改变。
最佳答案
除了语法错误:
function buttonINTENSIVOS()
}
document.getElementbyID("desc").innerHTML="Intensivo"
{
function buttonIMERSIVOS()
}
document.getElementbyID("desc").innerHTML="Imersivos"
{
function buttonPALESTRAS()
}
你的牙套方式不对。函数以 {
而不是 }
打开,并且您没有分号 ;
来终止每个命令
你想要的是这样的:
function buttonINTENSIVOS()
{
document.getElementbyId("desc").innerHTML="Intensivo";
}
function buttonIMERSIVOS()
{
document.getElementbyId("desc").innerHTML="Imersivos";
}
function buttonPALESTRAS()
{ ... }
关于带按钮的 Javascript getElementbyID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14321575/