javascript_javascript スキルで HTML 要素ノードを削除する方法

この記事の例では、ネイティブ JavaScript を使用して指定された HTML 要素を削除する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピーします コードは次のとおりです:

<頭>



<スタイル>
#コンテンツ{
幅:200px;
高さ:20px;
色:赤;
}

<スクリプト>
window.onload=function(){
var obt=document.getElementById("bt");
var odiv=document.getElementById("コンテンツ");
obt.onclick=function(){
odiv.parentNode.removeChild(odiv);
}
}

スクリプト ホーム

ネイティブ JavaScript では、要素自体を削除する方法は現時点ではありません。削除したい場合は、親ノードのremoveChild() メソッドを使用して、指定した子要素を削除できます。ここでは紹介しませんので、興味のある方は関連情報を参照してください。

この記事が皆さんの JavaScript ベースの Web プログラミングに役立つことを願っています。