javascript - HTML 和 Javascript 更改尖括号 ( < > ) 内的内容

Question

只是想知道是否可以使用纯 Javascript 更改 HTML 标记中尖括号之间的内容。
我指的是所有内容，不仅是标签名称，不仅是 id，不仅是类和所有不同的属性，而且是其中的所有内容，甚至是非标准 HTML 代码。

一个小例子:
之前

<div id="myID" class="myCLASS" whaterver-content ></div>

Javascript DOM 函数之后

<div id="myID" class="myCLASS" other-content ></div>

我知道标签名称、id 和类可以使用 JS 中的 DOM 元素对象函数进行修改。是否有任何好的函数可以对不在引号内且不在属性之前的数据执行相同的操作？

感谢您的回答。

编辑:我刚刚看到这个 Set attribute without value通过以另一种方式提出问题。但结果是一样的吗？或者属性后面会有“”？

Answer 1

我不喜欢接受的答案。您不应该将 HTML 作为字符串进行操作。它不安全，而且性能通常很差。

想象一下 whaterver-content 是该 div 内某处的实际文本，例如作为用户输入。它会在不应该被替换的时候被替换。

请直接使用 DOM 操作:

var element = document.getElementById('myID');
element.removeAttribute("whaterver-content");
element.setAttribute("other-content", "");