Question

我最近在我的项目中使用了jQuery。但是现在我想继续使用香草js。当元素不在页面上时，我面临的问题是javascript错误消息。所以我正在使用if条件，如果页面上存在元素。事情就是为什么如果条件要一遍又一遍地写。是否有适用于vanilla js项目的解决方案和结构。我不想写每个元素的条件

document.addEventListener('DOMContentLoaded', function() {
    var element = document.querySelector('.element');
    if(element) {
        // do something
    }
    var element2 = document.querySelector('.element2');
    if(element2) {
        // do something
    }
});

Answer 1

下面的代码对我有用。

 document.addEventListener('DOMContentLoaded', function () {

  var element = document.querySelectorAll('.element');
  element.forEach(element => element.classList.add('any-class'));

});

如果元素不在页面上，则发生Javascript错误。使用香草js

1 个答案: