Chrome和Firefox列出樣式圖像

Question

假設我有以下代碼：

var doc = document.implementation.createHTMLDocument("");               
doc.body.appendChild(doc.createElement("ul"));
doc.getElementsByTagName("ul")[0].style["listStyle"] = "square inside url('image.png')";
console.log(doc.getElementsByTagName("ul")[0].style["listStyleImage"]);

在Internet Explorer中，我得到：

url("image.png") 

但是，在Firefox（有時）和Chrome上，我得到：

url()

有什么建議嗎？

Answer 1

我不確定為什么要這樣處理。 但是，如果您使用圖像的完整網址，則它應該可以工作：

var doc = document.implementation.createHTMLDocument("");               
doc.body.appendChild(doc.createElement("ul"));
doc.getElementsByTagName("ul")[0].style["listStyle"] = "square inside url(http://www.example.com/image.png)";
console.log(doc.getElementsByTagName("ul")[0].style["listStyleImage"]);