Question

我有一个功能，可以将图像创建并固定到聊天框中。这就像＆＃34;故事模式＆＃34;对于我正在制作的游戏。但是，我想知道用什么代码来设计我发布的图像。

成功创建图像的编码：

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";
}

Answer 2

只需给代码留一些时间：

var image = chatbox.appendChild(document.createElement("img")); // Stop here.
img.src = url;
image.style.boxShadow = "0px 0px 0px 0px blue";

Answer 3

你确实使用了错误的表达方式。

首先你应该：

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

比改变网址：

image.src = url;

继续......

使用此表达式var image = chatbox.appendChild(document.createElement("img")).src = ...，您将使用src设置图像var，而不是使用图像本身。

尝试每行执行一个命令，不推荐混合使用这种类型的表达式，因为它很容易被读取。

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

3 个答案: