Javascript Chrome和Firefox列表样式图像

假设我有以下代码：

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()

---

有什么建议吗？

我不知道你为什么要这样处理。但是，如果您使用图像的完整url，它应该可以工作：

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"]);

---

我正在尝试使用浏览器的CSSOM来解析CSS属性。