0

すべての画像に新しい div 要素を追加しようとしています。すべての画像の右下に新しい div テキストを表示する必要があります。

私がしようとしているもの：

var links = document.images;
for (var i=0; i < links.length; i++){
    var div_link = document.createElement("div");
    div_link.style.position = "relative";
    div_link.style.bottom = "10px";
    div_link.style.left = "10px";
    div_link.innerHTML = "56259";
    console.log(links[i]);
    links[i].appendChild(div_link);   
}
4

2 に答える 2

1

Figure 要素を使用します。

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

次のように画像を JQuery でラップします。

$('img').wrap('<figure />');
$('figure').append('<figcaption>Nice image!</figcaption>');
于 2013-06-18T17:30:23.993 に答える