原生 JS 操控元素

由于主题为了追求设计简单,所以尽可能不使用第三方库(包括 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');
}
© 2020 . Powered by Jekyll, theme Simple