1

编辑：我已经修复了分号、区分大小写以及括号。如果我删除按钮之后的功能，代码可以工作！为什么？

编辑：固定。我是个笨蛋。对不起！！！:-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 命令更改。

4

3 回答 3

1

除了语法错误： 

function buttonINTENSIVOS()
}
document.getElementbyID("desc").innerHTML="Intensivo"
{
function buttonIMERSIVOS()
}
document.getElementbyID("desc").innerHTML="Imersivos"
{
function buttonPALESTRAS()
}

你的牙套是错误的方式。函数以{not打开，}并且您没有分号;来终止每个命令

你想要的是这样的： 

function buttonINTENSIVOS()
  {
    document.getElementbyId("desc").innerHTML="Intensivo";
  }
function buttonIMERSIVOS()
{
      document.getElementbyId("desc").innerHTML="Imersivos";
}
function buttonPALESTRAS()
{  ... }
于 2013-01-14T15:40:36.133 回答
1

除了已经指出的内容（不正确的左/右大括号），javascript 区分大小写，因此您的方法名称不正确：

document.getElementbyID("...")

应该

document.getElementById("....")

（注意小写dinId和大写Bin By）

于 2013-01-14T15:50:05.197 回答
0

只是为了使这个更整洁和更容易调试，我建议使用以下函数将各个函数压缩为一个：

function button(letter)
{
  document.getElementById("desc").innerHTML=letter;
}

然后在您的 HTML 中：

<p><button onclick="button('A')">A</button></p>
<p><button onclick="button('B')">B</button></p>
<p><button onclick="button('C')">C</button></p>

<p id="desc"></p>

注意每个括号内的单引号。该函数将直接将括号的内容打印到p id=desc。

于 2013-01-14T16:32:23.937 回答