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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

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

以上是 带有classList的代码在IE中不起作用？ 的全部内容， 来源链接： utcz.com/qa/413649.html

回到顶部