1

編集: セミコロン、大文字と小文字の区別、およびブラケットを修正しました。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 コマンドに従って変更されません。

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("....")

(の小文字と の大文字dに注意してください)IdBBy

于 2013-01-14T15:50:05.197 に答える
0

これをすっきりとデバッグしやすくするために、次の関数を使用して個々の関数を1つに凝縮することをお勧めします。

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 に答える