Question

我正在开发一个JavaScript函数，用于按类将内容附加到多个元素。

我的功能（工作）看起来像这样：

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

   var myelements = document.querySelectorAll('.my-elements');

   for (i = 0; i < myelements.length; ++i) {

   myelements[i].innerHTML ='This is an example';

   }

});

但是，当没有类.my-elements的元素存在时会发生什么？当目标可能存在或不存在时，以这种方式运行功能是否安全？

如果没有，那将是一个合适的解决方案。

请不要jQuery。

Answer 1

如果没有类my-elements的元素存在，那么返回的数组将为空，你的for循环将终止无效，并且不会发生错误。

Answer 2

您可以在IF循环

之前添加for条件

if(myelements.length > 0)

这将确保仅当存在类.my-elements的元素时才执行for循环。

JavaScript：附加内容（当目标可能不存在时）

2 个答案: