Как удалить все атрибуты всех элементов в JS?

Question

[Issue]

У меня есть таблица с большим количеством элементов td и в них присутствуют различные атрибуты. Как удалить все атрибуты всех элементов?

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

Comments

[0xD34F]

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

А может, вы просто не поняли, чего между ними общего?

[Issue]

0xD34F, Возможно, но и суть в них разная.
1) Там перебор массива. А у меня все элементы.
2) там работает, а у меня вообще ничего и никак не работает.
Я открыл уже больше 100 вкладок с гугла и яндекса, всегда ответ: is not a function или not defined

Answer 1

[0xD34F]

tableEl
  .querySelectorAll('tbody td')
  .forEach(td => Array
    .from(td.attributes)
    .forEach(attr => td.removeAttribute(attr.name))
  );

или

for (const tbody of tableEl.tBodies) {
  for (const tr of tbody.rows) {
    for (const { attributes: a } of tr.cells) {
      for (let i = a.length; i--;) {
        a[i].ownerElement.removeAttribute(a[i].name);
      }
    }
  }
}

Comments

[Issue]

TableEL не найден, предположил, что имелось ввиду HTMLTableElement, изменил. Все равно ничего не работает.

> tableEl is not defined

> HTMLTableElement.querySelectorAll is not a function

[0xD34F]

предположил, что имелось ввиду HTMLTableElement

Issue, надо было предположить, что имеется в виду элемент вашей таблицы.

[Issue]

0xD34F, Для меня это ничего не меняет. Как мне получить этот элемент? 7483 элемента, каждый td мне нужно подставить вместо tableEl? Я не понимаю...

[0xD34F]

Issue, да откуда мне знать? Таблица у вас, не у меня.

Если она на странице одна, то можно просто document.querySelector('table').
Если у таблицы есть id, то document.getElementById('id-таблицы') или document.querySelector('#id-таблицы').

[Issue]

вывод Cannot read property 'querySelectorAll' of null

document.querySelector('table')
		.querySelectorAll('td')
		  .forEach(el => Array
		    .from(el.attributes)
		    .forEach(attr => el.removeAttribute(attr.name))
		  );

[0xD34F]

Issue, значит, нет таблицы. По крайней мере, на момент выполнения данного кода.

[Issue]

0xD34F,

Есть table
В нем пара сотен tr
в которых по десятку td с атрибутами

Вывод консоли:

Uncaught TypeError: Cannot read property 'querySelectorAll' of null

[0xD34F]

Issue, вот же подлючий браузер, а? Таблица есть, а он, сволочь, вместо неё вам null подсовывает.

Сказал нет таблицы - значит нет. Может, вам надо дождаться окончания загрузки страницы, прежде чем что-то делать?

[Issue]

0xD34F, на странице 8000 строк. Находится она на рабочем столе. Браузер хром... Что не так? Я бы сюда скинул ее, боюсь на страницу не влезет..

[Issue]

0xD34F, Благодарю!!!! Все сработало как только я переместил скрипт из шапки в низ!

[Rerurk]

)) спасибо за поднятое настроение