Как убрать лишние атрибуты у ссылки с помощью JS/JQ?

Question

[Stacy None]

Есть такая вот ссылка:

<a href="#" onmouseover="toolTip('Название медали: Узнаваемый  <br ></a> Вес медали: <b>600</b> очков <br /> Выдал: Система <br /> Причина: За загрузку аватара ', 250)" onmouseout="toolTip()"><img border="0" src="/uploads/medals/1.png"></a>

Эта ссылка генерируется php движком сайта и залезть я в неё не могу.
Нужен код, который искал бы в div блоке с классом aweard все ссылки и убирал лишние атрибуты. А именно:

onmouseover="toolTip('Название медали: Узнаваемый  <br ></a> Вес медали: <b>600</b> очков <br /> Выдал: Система <br /> Причина: За загрузку аватара ', 250)" onmouseout="toolTip()"

Answer 1

[0xD34F]

$('div.award a').each((i, n) => n.onmouseover = n.onmouseout = null)

или

$('div.award a').removeAttr('onmouseover onmouseout')

или

$('div.award a').prop({
  onmouseover: null,
  onmouseout: null,
})

Comments

[Stacy None]

А как использовать? в

[0xD34F]

Stacy None, чё?...

[Илья]

Вы должны использовать removeAttribute вместо того, чтобы устанавливать значение атрибута в null, используя setAttribute.

[Источник](https://developer.mozilla.org/ru/docs/Web/API/Elem...

Обычное присваивание вряд ли исключение.

[0xD34F]

"Вряд ли"? То есть, вы не знаете.

Почему следует с осторожностью использовать setAttribute - потому что значения атрибутов являются строками, соответственно, вместо настоящего null будет установлено "null". Однако, речь идёт не просто об атрибутах, а об инлайновых обработчиках событий, значения которых интерпретируются в качестве javascript-кода. То есть, в данном случае можно не только напрямую устанавливать null (что приведёт к снятию соответствующего обработчика), но и посредством setAttribute. Ага, вот это тоже будет окей (хотя и малость бессмысленно - в качестве обработчика события будет установлена функция, содержащая единственную инструкцию, "null", не имеющую никаких побочных эффектов):

document.querySelectorAll('a').forEach(n => ['over', 'out'].forEach(ev => n.setAttribute(`onmouse${ev}`, null)));

Answer 2

[Илья]

Если у вас на сайте не используется Jquery:

document.querySelectorAll('a').forEach(el => ['onmouseover', 'onmouseout'].forEach(attr => el.removeAttribute(attr)));

или в таком стиле

document.querySelectorAll('a').forEach(el => 
  ['onmouseover', 'onmouseout'].forEach(attr => 
    el.removeAttribute(attr)
  )
);