原生 JS 操控元素

2020-03-22 · 502 words · edit

由于主题为了追求设计简单，所以尽可能不使用第三方库（包括 JQ 库），所以 CSS 实现不了的效果会用原生 JS 实现。

下面的代码是我设计主题的时候尝试过的，后来被移除了，写个文章做了纪念，说不定以后还会用到。

修改元素的 class

// 显示壁纸
function showWP() {
  var c = document.getElementsByClassName("container")[0];
  var i = document.getElementsByClassName("wallpaper-button")[0].children[0];
  if (c.style.display === "block") {
    c.style.display = "none";
    i.className = "fa fa-file-alt";
  } else {
    c.style.display = "block";
    i.className = "fa fa-image";
  }
}

添加或删除 class

element.onclick = function(){
  element.classList.add('fa-spin');
  element.classList.remove('fa-spin');
}