Удалить атрибуты из html string - error with removeAttributeNode

Question

Я пытаюсь удалить все атрибуты, кроме определенных белых списков из длинной строки html. Я использую DOM для его анализа.

Я знаю, что есть много других вопросов, но мой вопрос касается ошибки, которую я получаю с выполнением removeAttributeNode в моем коде ниже.

var div = document.createElement('div'); 
div.innerHTML = '<p class=\"p\">text here</p> <div id=\"divId\"></div>'; 
var elements = div.getElementsByTagName('*'); 
var whitelist = ["src", "width", "height"]; 
for (var i = 0; i < elements.length; i++) { 
    if (elements[i].attributes.length !== 0) { 
     var attr = elements[i].attributes; 
     for (var j = 0; j < attr.length; j--) { 
      var attrName = attr[j].name; 
      for (var k = 0; k < whitelist.length; k++) { 
       if (attrName !== whitelist[k]) 
        elements[i].removeAttributeNode(attr); 
      } 
     } 
    } 
} 

Но, я получаю следующее сообщение об ошибке: Failed to execute 'removeAttributeNode ' on Element: the 1st argument provided is either null, or an invalid Attr object.

Но я проверил с заявлениями консольных и элементы [я] не равно нулю. Например, элементы [0] = <p class="p">. Как мне получить removeAttributeNode? Спасибо за помощь!

Answer 1

В последнем цикле сделайте что-нибудь подобное.

for (var k = 0; k < whitelist.length; k++) { 
       if (attrName !== whitelist[k]) 
       { 
        elements[i].removeAttributeNode(elements[i].getAttributeNode(attrName)); 
       } 
}