如何使用javascript删除自定义属性元素？

【问题标题】：How to use javascript to delete custom attribute elements?如何使用javascript删除自定义属性元素？
【发布时间】：2021-05-10 09:49:40
【问题描述】：

HTML如下：

我所知道的：

标签名称是随机的；
id 是随机的，class 也是随机的；
共同的属性是他们都有classname attr。

我应该如何删除它们只使用js？

【问题讨论】：

这能回答你的问题吗？ Find an element in DOM based on an attribute value
您似乎违反了许多自定义元素的 HTML 规则。在此处阅读更多信息：developer.mozilla.org/en-US/docs/Web/Web_Components/…

标签： javascript html css dom

【解决方案1】：

您可以在 HTML 元素中使用.removeAttribute，这是一个示例：

function removeClassname() {
  const elements = document.querySelectorAll('[classname]')

  elements.forEach((element) => {
    element.removeAttribute('classname')
  })
}

[classname] {
  background-color: red;
}

<div classname="abc">asdasd</div>
<button classname="abc">asdasd</button>
<p classname="abc">asdasd</p>

<button onclick="removeClassname()">Remove classname</button>

【讨论】：