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

小编典典

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

javascript

我正在使用以下代码，但在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);

阅读 488

2020-05-01

共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);

2020-05-01