如何用JavaScript代替DOM元素?

我正在寻找replaceDOM中的元素。 例如,我想用“SPAN”代替“A”元素。

我将如何去做呢?

通过使用replaceChild() :

 <html> <head> </head> <body> <div> <a id="myAnchor" href="http://www.stackoverflow.com">StackOverflow</a> </div> <script type="text/JavaScript"> var myAnchor = document.getElementById("myAnchor"); var mySpan = document.createElement("span"); mySpan.innerHTML = "replaced anchor!"; myAnchor.parentNode.replaceChild(mySpan, myAnchor); </script> </body> </html> 
 var a = A.parentNode.replaceChild(document.createElement("span"), A); 

a是被取代的A元素。

A.replaceWith(跨度)

通用forms:

 target.replaceWith(element); 

比以前的方法更好/更清洁。

对于你的用例:

 A.replaceWith(span);