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

   /** * Method that checks whether cls is present in element object. * @param  {Object} ele DOM element which needs to be checked * @param  {Object} cls Classname is tested * @return {Boolean} True if cls is present, false otherwise. */function hasClass(ele, cls) {    return ele.getAttribute('class').indexOf(cls) > -1;}/** * Method that adds a class to given element. * @param  {Object} ele DOM element where class needs to be added * @param  {Object} cls Classname which is to be added * @return {null} nothing is returned. */function addClass(ele, cls) {    if (ele.classList) {        ele.classList.add(cls);    } else if (!hasClass(ele, cls)) {        ele.setAttribute('class', ele.getAttribute('class') + ' ' + cls);    }}/** * Method that does a check to ensure that class is removed from element. * @param  {Object} ele DOM element where class needs to be removed * @param  {Object} cls Classname which is to be removed * @return {null} Null nothing is returned. */function removeClass(ele, cls) {    if (ele.classList) {        ele.classList.remove(cls);    } else if (hasClass(ele, cls)) {        ele.setAttribute('class', ele.getAttribute('class').replace(cls, ' '));    }}