如何在Javascript中创建指向另一个img的div、link和img

我有这张照片：

<img src="cards.png" id="img"> <!--CARD PICTURE-->

它还给我这个：

<div class="container_img">
    <img src="cards.png" id="img"> <!--CARD PICTURE-->
</div>

但是我不知道如何完成剩下的代码。谁能帮我一把吗

---

谢谢。

这是满足您需求的完整代码

---

基本上，您希望创建

#share_container

div及其内部内容。如果是的话，你试过了吗。这就是我要找的。太棒了！它工作得很好。我完全理解代码。最后一个问题。如果我想添加更多图片。像这样：我需要补充什么？I“for”语句？您希望在

cards.png

之后插入新图像的位置？正确。图片的数量是有限的，请查看更新的答案，上面的代码上有标签

//更新img4和img5，

。

var img  = document.getElementById("img");
var par = img.parentNode;
var div  = document.createElement("div");
var shareLinks = document.createElement("a");

par.insertBefore(div,img);
div.appendChild(img);
div.setAttribute("class","container_img");
div.appendChild(img);

<div class="container_img">
    <img src="cards.png" id="img"> <!--CARD PICTURE-->
</div>

var img  = document.getElementById("img");
var par = img.parentNode;
var div  = document.createElement("div");
var shareLinks = document.createElement("a");

par.insertBefore(div,img);
div.appendChild(img);
div.setAttribute("class","container_img");
div.appendChild(img);

//UPDATE img4 and img5, 
// as many as image you want, you should create more elements.
// it woudl be good if we define funciton for this. 
var img4  = document.createElement("img");
img4.setAttribute("src", "http://emmanuelorozco.com/shareFacebook.png");
div.appendChild(img4);

var img5  = document.createElement("img");
img5.setAttribute("src", "http://emmanuelorozco.com/shareTwitter.png");
div.appendChild(img5);

var anotherDiv = document.createElement("div");
anotherDiv.className = "share_container";

var anchor = document.createElement("a");
anchor.setAttribute("href", "https://www.facebook.com/sharer/sharer.php?u=http://google.com");
anchor.setAttribute("target", "_blank");

var img2  = document.createElement("img");
img2.setAttribute("src", "http://emmanuelorozco.com/shareFacebook.png");
img2.setAttribute("class", "shareButtonMedia");
anchor.appendChild(img2);

anotherDiv.appendChild(anchor);
div.appendChild(anotherDiv);


var anchor2 = document.createElement("a");
anchor2.setAttribute("href", "http://twitter.com/share?u=http://google.com");
anchor2.setAttribute("target", "_blank");

var img3  = document.createElement("img");
img3.setAttribute("src", "http://emmanuelorozco.com/shareTwitter.png");
img3.setAttribute("class", "shareButtonMedia");
anchor2.appendChild(img3);

anotherDiv.appendChild(anchor2);
div.appendChild(anotherDiv);
document.getElementById('container').appendChild(div);