小编典典

带有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);

阅读 487

收藏
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