如何用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);