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", "");

Answer 2

在元素的outerHTML 属性上使用replace 怎么样？

function change() {
   document.getElementById('myID').outerHTML = 
       document.getElementById('myID').outerHTML.replace('whaterver-content','other-content');
   console.info(document.getElementById('myID').outerHTML);
}

<div id="myID" class="myCLASS" whaterver-content ></div>
<input type='button' onclick='change();' value='change' />