Javascript 使用 else-if 切换图标

Question

我想做书签，需要用Javascript和else-if编码。你能帮忙解决这个问题吗？

    var iBookmark = document.createElement('I');
    iBookmark.setAttribute('id', 'bookmark' + ecgData.id);
    iBookmark.setAttribute('class', 'bookmark outline icon');
    iBookmark.setAttribute('value', 'bk-false');
    iBookmark.style.color = 'white';

      if (checkedID.className = 'bookmark outline icon') {
        checkedID.setAttribute('class', 'bookmark icon');
        console.log(true);
      } else {
        checkedID.setAttribute('class', 'bookmark outline icon');
        console.log(false);
      }

      if (checkedID.getAttribute('value', 'bk-false')) {
        checkedID.setAttribute('class', 'bookmark icon');
        checkedID.setAttribute('value', 'bk-true');
        console.log('true')
      } 

      else if (checkedID.getAttribute('value', 'bk-true')) {
        checkedID.setAttribute('class', 'bookmark outline icon');
        checkedID.setAttribute('value', 'bk-false');
        console.log('false')
      }

当我点击它时，它变为 true 并停留在那里，当我一直点击它时它不会变回 false。它从默认 false 保持为 true。

Answer 1

行if (checkedID.className = 'bookmark outline icon') { 缺少它的第二个 = 并且没有计算表达式，它正在将值分配给 class 名称。通过将其更改为 if (checkedID.className == 'bookmark outline icon') {

来修复

Javascript 使用 else-if 切换图标

Javascript icon toggle using else-if

javascript

toggle