120

私はDOMの要素を置き換えることを検討しています。たとえば、 "SPAN"と置き換えたい "A"要素があります。Javascriptを使用してDOM要素を置き換える方法はありますか？

どうすればいいですか？ replaceChild()を用いて

2009-05-09 omg

'target.replaceWith（要素）;' DOMは、ESで何を持っているSPECんこの – Gibolt

@Giboltを行うには、現代（ES5 +）の方法ですか？さらに、ES5は9年前にリリースされましたが、まだDOM標準の一部ではありません。 – destoryer

167

は：

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

出典

2009-05-09 17:15:41

この例は機能しません。スクリプトブロックを本体の最後に置いて、動作させる必要があります。さらに、楽しみのために：操作の後に[alert（myAnchor.innerHTML）]という行を追加してみてください。 – KooiInc

アンカーのStackOverflowでスペルミスが発生しましたinnerText – rahul

ルートhtml要素の場合はどうか – lisak

var a = A.parentNode.replaceChild(document.createElement("span"), A);

要素を置換されています。

出典

2009-05-09 17:20:27 Kamarey

@Bjornからの回答Tiplingは実際には機能しません。これはKooiIncの（正しい！）答えでもあり、正しい、コメントです。今それは動作します！ ;-)両方にTx！ –

A.replaceWith（スパン）

一般的な形式：以前の方法よりもきれい/

target.replaceWith(element);

ウェイより良いです。あなたのユースケースについては

：

A.replaceWith(span);

出典

2016-11-05 23:18:51 Gibolt

+10

IE11またはEdge 14ではサポートされていません（現在：2016-11-16）。 – jor

Googleのクロージャーまたは別のトランスバイヤーを使ってES5に変換してみてください。 – Gibolt

完全に同意しますが、IE11とEdge 14は古いものではありません。 – jor

Javascriptを使用してDOM要素を置き換える方法はありますか？

答えて

A.replaceWith（スパン）

関連する問題