HTML和Javascript更改尖括号（<>）内的内容

Question

Just wanted to know if it is possible to change with pure Javascript the content between the angle brackets in a HTML tag.
By this I mean all the content, not only the tag name, not only the id, not only the class and all the different attributes but everything inside, even non standart HTML code.

One small example:
Before

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

After Javascript DOM function

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

I know tag name, id and class can be modified with DOM Element Object functions in JS. Is there any nice function that does the same for data not inside quotes and not before an attribute?

Thanks for your answers.

EDIT: I just saw this Set attribute without value by asking the question on another way. But is the result the same? Or will there be ="" after the attribute?

Answer 1

I do not like the accepted answer. You should not be manipulating HTML as string. It is not safe and performance is usually really bad.

Imagine that whaterver-content is actual text somewhere inside that div, for example as user input. It will get replaced when it should not be.

Please use DOM manipulation directly:

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

Answer 2

How about using replace on the element's outerHTML attribute?

 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' />