简单的Javascript代码问题

Simple Javascript code issue

本文关键字：问题 代码 Javascript 简单      更新时间：2023-09-26

我正在尝试将一个新图像插入到现有元素中。我有

  var backImg = createElement('img', { className : 'link', src : '/images/btn.png' });
  var save_bt=document.getElementsByClassName('button');
  save_bt.appendChild(backImg);

The above codes gave me error:
Object #<NodeList> has no method 'appendChild'

有人能帮我吗？没有Jquery代码plz。非常感谢！

document.getElementsByClassName('button')返回一个NodeList，而不是一个元素。如果您想将backImg添加到.button类的每个元素中，则需要循环使用NodeList:

for(var i=0,c=save_bt.length; i<c; i++){
    save_bt[i].appendChild(backImg);
}

如果您试图针对单个元素，您可能希望使用id HTML属性而不是class，那么：

document.getElementById('button').appendChild(backImg);

请注意，HTML ID在文档中必须是唯一的。

如果您试图针对单个元素，则应该使用"id"：

document.getElementById('id_of_the_element').src = "new_img.png";
相关文章：