Javascript Code Remove Any/All Attributes from Element and Its Children

Javascript Code Function that Allows you to Remove All Attributes from and Element or Array of Elements and Optionally All the Elements Children. Exception List Allows you to Keep Certain Desired Attributes such as href, id or class for Example

function removeAttributes(elem, bRemoveChildAttributes, ...exceptionAttributes)

* --------------------------------------------------------------------
   REMOVE ALL ATTRIBUTES FROM ANY ELEMENT
   
    [elem] - the element to remove the attributes from. This can
             can be passed as either a single element such as
             from id or an array ie class or elementsByTagName
             
    [bRemoveChildAttributes] - if [elem] has child nodes, this
                               set to true removes attributes
                               from these child nodes also.
                               
    [...exceptionAttributes] - unlimited list of attributes to
                               not remove.
                               
   EXAMPLE: 
     removeAttributes(
                      document.querySelectorAll('div'), // all divs
                      true, // remove attributes of children of divs
                      'id', 'class', 'href' // keep id, class, href
                     )
  -----------------------------------------------------------------  */

/* -------------------------------------------------------------------- REMOVE ALL ATTRIBUTES FROM ANY ELEMENT [elem] - the element to remove the attributes from. This can can be passed as either a single element such as from id or an array ie class or elementsByTagName [bRemoveChildAttributes] - if [elem] has child nodes, this set to true removes attributes from these child nodes also. [...exceptionAttributes] - unlimited list of attributes to not remove. EXAMPLE: removeAttributes( document.querySelectorAll('div'), // all divs true, // remove attributes of children of divs 'id', 'class', 'href' // keep id, class, href ) ----------------------------------------------------------------- */ function removeAttributes ( elem, bRemoveChildAttributes, ...exceptionAttributes ) { // if false [elem] passed to function if(elem === null){ return false; } // convert rest parameters [exceptionAttributes] to // space separated string of attributes to NOT remove attributesToSkip = exceptionAttributes.join(" ").trim(); // means that elem is not an array if(elem.length == undefined){ // remove all attributes of [elem] except [attributesToSkip] removeAttr(elem, attributesToSkip); // remove attributes of [elem] children if(bRemoveChildAttributes){ // get handle to all children of [elem] elem.querySelectorAll("*").forEach(function(child){ // remove all attributes of chidren elements of [elem] except [attributesToSkip] removeAttr(child, attributesToSkip); }); } }else{ /* elem is an array ie ... - document.querySelectorAll - document.getElementsByTagName */ elem.forEach(function(el){ removeAttr(el, exceptionAttributes); if(bRemoveChildAttributes){ el.querySelectorAll("*").forEach(function(child){ // remove all attributes of chidren elements of [elem] except [attributesToSkip] removeAttr(child, attributesToSkip); }); } }); } /* ---------------------------------------------------------------- the internal function will remove the attributes of [element] ---------------------------------------------------------------- */ function removeAttr(element, attributesToSkip){ // loop all the attributes of [element] for (let i = (element.attributes.length - 1); i >= 0; i--) { console.log(element.innerText + "|" + element.attributes[i].name + "|" + exceptionAttributes); // if the name of the current attribute is not one to skip [attributesToSkip] if(attributesToSkip.indexOf(element.attributes[i].name) === -1){ // remove the attribute element.removeAttribute(element.attributes[i].name); } } } }