添加一个元素，它's通过JS的类名

Adding an element and it's class name via JS

本文关键字：通过 JS 一个 元素 添加      更新时间：2023-09-26

我想使用纯Java脚本将具有类名的图像添加到我的div中。我该怎么做？这是我的JS代码。

function show(){
    var y = document.getElementById("gallery1");
    y.innerHTML="<img src='css/images1/img/img4.jpg'/>"
}

function show(){
    var y = document.getElementById("gallery1");    
        y.innerHTML= y.innerHTML + "<img src='css/images1/img/img4.jpg' class='specifyclassnamehere'/>";
}

希望您正在尝试附加图像。所以您必须将它添加到内部HTML中。

另一种选择是：

function show(){
    var y = document.getElementById("gallery1"),
        image = document.createElement("img");
        image.src= "css/images1/img/img4.jpg";
        image.setAttribute("class","specifyclassnamehere");
        y.appendChild(image);
}

DEMO

如果要添加具有class属性的图像，可以创建一个图像元素并将其附加到div（或父元素）：

function show(){
    var y = document.getElementById("gallery1");
    var image = new Image();
    image.src = "css/images1/img/img4.jpg";
    image.setAttribute("class","myclass");
    y.appendChild(image);
}

或者甚至直接包含在您的img标签中，如下所示：

<img class="myclass" src='css/images1/img/img4.jpg'/>

这是一个Fiddle，看看它是否有帮助。

你可以试试这个

  function show(){
        var y = document.getElementById("gallery1"),
            tempDiv = document.createElement("div"),
            image = document.createElement("image");
        console.log(y);
        image.setAttribute('src',"https://www.google.fr/images/srpr/logo11w.png");
        image.setAttribute("class","myclass");
        
        tempDiv.appendChild(image);
        console.log(tempDiv);
        y.innerHTML=tempDiv.innerHTML
    }
<div id="gallery1"></div>
<a href="" onClick="show(); return false">Click me</a>

相关文章：