将类添加到其ID与另一个元素的类匹配的元素

Question

I want to take the second class of an element, and then add a class to the element that has that ID. In Chrome, Firefox, etc. it works perfectly but in IE11 it does not. Do you know why? Help me please

for (var i = 0; i < $('#example .item').length; i++) {
  var class_svg = document.getElementsByClassName("item")[i].className.split(' ')[1];
  var $elem = document.getElementById(class_svg);  
  $elem.classList.add("show");
}

Answer 1

According to the docs classList is only partially supported before Edge. Use className instead like:

$elem.className += ' show';

edit: thanks for the hint @Sterling Archer

Answer 2

Creating a basic example using an SVG element (which I assume you have based on your example code) and looking at it in IE11 and Edge, you can see that the className property is a [object SVGAnimatedString] . That is some special object for SVG elements, instead of dealing with that special object, lets just deal with the attribute itself using getAttribute . Here is the code that works in most all browsers:

for (var i = 0; i < $('#example .item').length; i++) {
  var class_svg = document.getElementsByClassName("item")[i].getAttribute("class").split(' ')[1];
  var $elem = document.getElementById(class_svg); 
  var classList = $elem.getAttribute("class");
  classList += " show";
  $elem.setAttribute("class",classList);
}

Hope that works for you.