Question

我目前有一个javascript函数的设置。如何将一些CSS样式应用于图像？

这是我的代码：

function iCall1() {
    var img = document.createElement('img');
    img.src = "i1.png";
    document.body.appendChild(img);
}

出于不同的原因，我不想将图像源放在我的html文档中。

Answer 1

添加一个类：

function iCall1() {
    var img = document.createElement('img');
    img.src = "http://placehold.it/400x150";
    img.className = "myClass";
    document.body.appendChild(img);
}

iCall1();

.myClass {
  border: 10px solid red;
}

或者添加ID：

function iCall1() {
    var img = document.createElement('img');
    img.src = "http://placehold.it/400x150";
    img.setAttribute("id", "myID");
    document.body.appendChild(img);
}

iCall1();

#myID {
  border: 10px solid red;
}

风格功能图像？

1 个答案: