如何编辑新创建的图像样式？

Question

我有一个功能,可以创建图像并将图像固定到聊天框中.这就像我正在制作的游戏的"故事模式".但是,我想知道用什么代码来设置我发布的图像.

成功创建图像的编码:

function postImage(url){
    var chatbox = dom.el("chatbox");
    image = chatbox.appendChild(document.createElement("img")).src = url;
}

编码成功创建图像但无法设置样式.

function postImage(url){
    var chatbox = dom.el("chatbox");
    var image = chatbox.appendChild(document.createElement("img")).src = url;
    image.style.boxShadow = "0px 0px 0px 0px blue";
}

这是我得到的错误:

TypeError: image.style is undefined

我得到这个是因为它无法识别图像吗？但我不知道如何给我的图像命名,因为我正在使用createElement标记.

Answer 1

这条线

var image = chatbox.appendChild(document.createElement("img")).src = url;

设置image为字符串url.赋值的结果始终是指定的值.

只是不要试图结合这么多:

function postImage(url){
    var chatbox = dom.el("chatbox");
    var image = document.createElement("img")
    chatbox.appendChild(image);
    image.src = url;
    image.style.boxShadow = "0px 0px 0px 0px blue";
}

或者,如果您真的想要组合创建和追加:

function postImage(url){
    var chatbox = dom.el("chatbox");
    var image = chatbox.appendChild(document.createElement("img"));
    image.src = url;
    image.style.boxShadow = "0px 0px 0px 0px blue";
}