带有classList的代码在IE中不起作用？

Question

我正在使用以下代码，但在IE中失败。消息是：

无法获取属性’add’的值：对象为null或未定义”

我认为这只是一个IE支持问题。您将如何使以下代码在IE中工作？

有任何想法吗？

var img = new Image();
img.src = '/image/file.png';
img.title = "this is a title";
img.classList.add("profilePic");
var div = document.createElement("div");
div.classList.add("picWindow");
div.appendChild(img);
content.appendChild(div);

Answer 1

classListIE9及更低版本不支持该属性。IE10
+支持它。
使用className += " .."代替。注意：不要忽略空格：类名应添加在以空格分隔的列表中。

var img = new Image();
img.src = '/image/file.png';
img.title = "this is a title";
img.className += " profilePic"; // Add profilePic class to the image

var div = document.createElement("div");
div.className += " picWindow";  // Add picWindow class to the div
div.appendChild(img);
content.appendChild(div);