javascript - switch 内的小 JS 类型错误(不是函数)

标签 javascript dom switch-statement

我的代码在 document.getElementById('markOne').addClass('remview') 上返回错误,这显然不是一个函数
为什么会发生这种情况以及如何从 switch 条件内将类添加到我的 DOM 元素?

var q = 0;
var sq = {};
sq.e = document.getElementById("main-container");
if (sq.e.addEventListener) {
  sq.e.addEventListener("mousewheel", MouseWheelHandler, false);
  sq.e.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
} else sq.e.attachEvent("onmousewheel", MouseWheelHandler);

function MouseWheelHandler(e) {
  var e = window.event || e;
  var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
  q = q + delta;
  if (q == -2) {
    q = -1;
  } else if (q == 1) {
    q = 0;
  }
  switch (q) {
    case 0:
      break;
    case -1:
      document.getElementById('markOne').addClass('remview');
      break;
  }
  console.log(delta)
  console.log(q)
  return false;
}

最佳答案

添加单个类:

document.getElementById('markOne').className += ' remview';

替换所有现有的类:

document.getElementById('markOne').className = 'remview';

添加多个类(通过传递空格分隔的列表):

document.getElementById('markOne').className += ' remview other stuff'

关于javascript - switch 内的小 JS 类型错误(不是函数),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41081660/

相关文章:

javascript - 重复克隆一组节点的最快方法

c++ - 使用开关,但我想使用字符串而不是int进行选择

swift - 误用 guard 语句代替 nil 检查

javascript - 如何解析 Flask 模板中的 Polymer Web 组件?

javascript - 为什么在 Vue js 中尝试从 firebase 检索 token 时出现错误?

JavaScript:将所有内容包装在变量中是否有任何优势?

javascript - 如何清空数组?

javascript - html 或 js - 在页面中创建大量类似的 html 标签

javascript - 无法从扩展标点符号中读取元素的 innerText 的未定义属性

c# - 在这种情况下 (C#) 替换开关 block 和枚举的正确方法是什么?