0

新しい画像を既存の要素に挿入しようとしています。私は持っている

  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 コードはありません。どうもありがとう！

4

2 に答える 2

4

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 はドキュメント内で一意でなければならないことに注意してください。

于 2012-08-31T00:40:53.670 に答える
0

単一の要素をターゲットにしようとしている場合は、「id」を使用する必要があります。

document.getElementById('id_of_the_element').src = "new_img.png";
于 2012-08-31T04:42:04.453 に答える