Question

是否可以将这段代码缩短为一行？

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

Answer 1

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

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

选择器的引用-https://www.w3.org/TR/selectors/#attribute-substrings

Answer 2

您的意思是缩短函数内的代码吗？

document.querySelectorAll(".preloader-circle, .preloader").forEach(x=>x.classList.add('loaded'));

Answer 3

function makeAnyCodeAOneLiner(code) {
   console.log(`You're welcome!`);
   return code.split('\n').join('')
}

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

可以将这段代码缩短为一行吗？

3 个答案: