javascript - innerHTML 开关盒计数器

Question

我正在尝试根据计数器（通过单击按钮更改）更改 div 中的内容，但它不起作用。我在我的 html 页面上尝试这个，在脚本标签中：

function calcDivContent() {
  switch(counter) {
    case 1:
      $('#divID').html('<br>text here<br>');
      break;
    case 2:
      $('#divID').html('<br>more text<br>');
      break;
    default:
      $('#divID').html('<br>text here<br>');
  }
}

将此函数添加到代码中实际上会阻止我单击更改计数器的按钮。我也尝试过以下格式：

document.getElementById("divID").innerHTML='<br>text here<br>';

以同样的结果。它会阻止我的按钮工作，并且不会更改 div 内容。我应该提一下，我不认为 Sublime Text 将 .innerHTML 识别为一种方法，因为它不会像我的代码中的所有其他方法那样将颜色更改为浅蓝色。

Answer 1

{首先，您的switch陈述中缺少一个开头。尝试switch(counter){代替，switch(counter)看看是否有帮助。

Answer 2

尝试这个。http://jsfiddle.net/u5H8x/

正如@alex 所提到的，附加事件很重要

oCount.addEventListener('click', function(e) {
    e.preventDefault();
    nCount += 1;
    switch(nCount) {
        case 1:
            oResult.innerHTML = 'One';
            break;
        case 2:
            oResult.innerHTML = 'Two';
            break;
        default:
            oResult.innerHTML = 'More than 2';
    }
}, false);