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