Fatal编程技术网
  • javascript/
  • 带按钮的Javascript getElementbyID

带按钮的Javascript getElementbyID

javascript

带按钮的Javascript getElementbyID,javascript,javascript-events,Javascript,Javascript Events,编辑：我已经修复了分号、区分大小写以及括号。如果我在nParticle之后删除函数，代码就会工作！为什么? 编辑：修正。我是个笨蛋。对不起！！！：-Z 当我保持简单时，就像这样，一切都很好： <head> <script> function buttonGRUPO() { document.getElementById("desc").innerHTML="Grupo"; } function butto

编辑：我已经修复了分号、区分大小写以及括号。如果我在nParticle之后删除函数，代码就会工作！为什么?

编辑：修正。我是个笨蛋。对不起！！！：-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>


函数按钮RUPO（）
{
document.getElementById（“desc”）.innerHTML=“Grupo”；
}
函数按钮nParticle（）
{
document.getElementById（“desc”）.innerHTML=“special”；
}
特殊奥拉斯

奥拉斯阿姆格鲁波酒店

文本
但是，每当我向脚本添加更多函数时，所有按钮和代码都会停止工作

 <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>


函数按钮RUPO（）
{
document.getElementById（“desc”）.innerHTML=“Grupo”；
}
函数按钮nParticle（）
{
document.getElementById（“desc”）.innerHTML=“special”；
}
功能按钮公司（）
{
document.getElementbyID（“desc”）.innerHTML=“公司内部”；
}
函数按钮tensivos（）
}
document.getElementbyID（“desc”）.innerHTML=“Intensivo”；
{
函数按钮mersivos（）
}
document.getElementbyID（“desc”）.innerHTML=“Imersivos”
{
函数按钮Plaestras（）
}
document.getElementbyID（“desc”）.innerHTML=“Palestras”
}
特殊奥拉斯

奥拉斯阿姆格鲁波酒店

文本
增加几乎完全相同的代码的数量，怎么会破坏以前功能正常的代码呢？我在这里犯语法错误了吗

编辑

@Woot4仍然不起作用

仍然不起作用

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>'

函数按钮b（）
{
document.getElementById（“desc”）.innerHTML=“B”；
}
函数buttonA（）
{
document.getElementById（“desc”）.innerHTML=“A”；
}
函数按钮（）
{
document.getElementbyID（“desc”）.innerHTML=“C”；
}
函数按钮（）
{
document.getElementbyID（“desc”）.innerHTML=“D”；
}
函数按钮（）
{
document.getElementbyID（“desc”）.innerHTML=“E”；
}
函数按钮f（）
{
document.getElementbyID（“desc”）.innerHTML=“F”；
}
A

B

文本
更具体地说，当我将此代码加载到浏览器（按钮和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区分大小写，因此您的方法名称不正确：

document.getElementbyID("...")
应该是

document.getElementById("....")
（请注意
Id
中的小写
d
，以及
By
中的大写
B
）

为了使此操作更简洁、更易于调试，我建议使用以下函数将各个函数压缩为一个：

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>

A

B

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

中，同时也会缺少半自动打印-colons@Woot4Moo你的大括号还在向后。@EstericScreenName在那里，我快速键入。修复。@AndÚ再次更新，似乎您已从
getElementById
更改为
getElementById
标记应更新以反映更一般的
javascript
tag@AndÚ-见更新-您在方法名称中有2个案例不规则，而不是最初发布的1个！