首页 > 解决方案 > 是否可以将此代码缩短为一行?

问题描述

是否可以将此代码缩短为一行?

   window.addEventListener('load',function(){
      document.querySelector(".preloader-circle").classList.add('loaded');
      document.querySelector(".preloader").classList.add('loaded');
   });

标签: javascripthtml

解决方案


window.addEventListener("load", function() {
  document.querySelectorAll("[class^=preloader]").forEach(el => {
    el.classList.add("loaded")
  });
});

这会将类添加loaded到带有前缀的选择器类的所有元素中preloader

选择器参考 - https://www.w3.org/TR/selectors/#attribute-substrings


推荐阅读