如何編輯新創建的圖像樣式？

-1

我有一個功能，可以創建圖像並將其固定到聊天室。這就像我製作的遊戲的「故事模式」。但是，我想知道我將使用什麼代碼來設置我的發佈圖像的樣式。如何編輯新創建的圖像樣式？

編碼，成功地創建圖像：

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標籤。

來源

2016-07-12 Shawn

'image =（...）。src' – Siguza

你是在試圖設計一個src嗎？ –

不，我試圖風格我的圖像屬性。 – Shawn

線

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

來源

2016-07-12 14:44:19

謝謝先生。這是我需要的！我不知道我可以直接將img.src設置爲表達式。謝謝：） – Shawn

只要給一些休息時間代碼：

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

來源

2016-07-12 14:44:33

您確實使用了錯誤的表達方式。

首先，你應該：

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

不是改變網址：

image.src = url;

比去...

有了這個表達式var image = chatbox.appendChild(document.createElement("img")).src = ...你與src不設置圖像VAR與圖像本身。

嘗試每行執行一個命令，不推薦混合這種類型的表達式，因爲它很容易出錯而難以閱讀。

來源

2016-07-12 14:46:43

如何編輯新創建的圖像樣式？

回答

相關問題