内部 HTML 开关大小写计数器

innerHTML switch case counter

本文关键字：计数器 大小写 开关 HTML 内部      更新时间：2023-09-26

我正在尝试根据计数器更改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识别为一种方法，因为它不会像我的代码中的所有其他方法那样将颜色更改为浅蓝色。

试试这个。 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);
首先，

您的switch语句中缺少一个开头{。尝试switch(counter){而不是switch(counter)，看看是否有帮助。

相关文章：