Chrome和Firefox列出样式图像

Question

Let's say I have the following code:

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

In Internet Explorer, I get:

url("image.png") 

However, on Firefox (sometimes) and Chrome, I get:

url()

Any advise?

Answer 1

I am not sure why do you have to handle it this way. But if you use the full url to the image it should work:

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