解析 DOM 以删除 x 的所有属性和 y 的所有类

Question

我正在使用打字稿来调整模板化的 html 构建文件。在我的 TS 文件中，我有以下代码：

let body = document.querySelector("body");

// Looking at using this to remove all attributes of certain types/names
[...elem.attributes].forEach(attr => elem.removeAttribute(attr.name))

body 变量是来自 DOM 的 BodyElement，可以很好地提取它。我需要解析所有元素以删除名为：

click.delegate="doSomething();"
show.bind="toggle();"

和班级：

aurelia-hide

如果在 TS 中通过一次 forEach 快速摆脱这一切，那就太好了。

Answer 1

看看这个sn-p：

const removeClassElement = document.getElementById('1');
removeClassElement.className = "";
// or classList = "" or classList = null or classList.remove(...removeClassElement.classList);
console.log(removeClassElement);

const removeAttributes = document.getElementById('2');
[...removeAttributes.attributes].forEach(attr => removeAttributes.removeAttribute(attr.name));
console.log(removeAttributes);

<p id="1" class="one two three">Lorem ipsum dolor sit amet</p>
<p id="2" style="color: green; font-weight: bold" title="title">Lorem ipsum dolor sit amet</p>