gpt4 book ai didi

带有按钮的Javascript getElementbyID

转载 作者:行者123 更新时间:2023-11-30 18:12:11 24 4
gpt4 key购买 nike

编辑:我修复了分号、区分大小写以及方括号。如果我删除 buttonPARTICULAR 之后的函数,代码就可以工作!为什么?

编辑:固定。我是个笨蛋。对不起!!! :-Z

当我保持简单时,就像这样,一切正常:

  <head>
<script>

function buttonGRUPO()
{
document.getElementById("desc").innerHTML="Grupo";
}
function buttonPARTICULAR()
{
document.getElementById("desc").innerHTML="Particular";
}

</script>
</head>
<body>

<p>&nbsp;<button class="art-button" onclick="buttonPARTICULAR()">Aulas Particulares</button></p>
<p>&nbsp;<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>&nbsp;<button class="art-button" onclick="buttonPARTICULAR()">Aulas Particulares</button></p>
<p>&nbsp;<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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com