title: classList.replace() is not a method or property in IE11 after using babel-polyfill
body: <p>I have a web app that needs to support IE11. I am using ES6+ to code it and use babel-polyfill so it will be compatible with IE11. I have arrow functions, anonymous functions, and other ES6+ functionality working in IE11 with no problem. However, for some reason the element.classList.replace() method doesn't get polyfilled or something because IE11 can't seem to find it.</p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/classList" rel="nofollow noreferrer">MDN ClassList</a> </p>
  
  <p>So what I am trying to do is to get a list of html elements, loop every single element and replace a CSS class with another CSS class (pretty simple right?). Well, IE11 throws the following error "Object doesn't support property or method 'replace'. Thoughts?</p>
  
  <p>Webpack version: 4.32.2,
  @babel/core: 7.4.5,
  @babel/polyfill: 7.4.4</p>
  
  <p>Here is my JS:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var invalidClassElement = document.querySelectorAll("[aria-owns*=".concat(id, "]"))[0].childNodes;
        invalidClassElement.forEach(function (node) {
          if (node.classList.contains('k-invalid')) {         
           
           node.classList.replace('k-invalid', 'k-default');
            
            // The code below works in IE11.
            // node.classList.remove('k-invalid');
            // node.classList.add('k-default');
          }</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/sxAJZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sxAJZ.png" alt="Error"></a></p>