divタグを空にする正しい方法


<div id="myDiv">中身のコンテンツ</div>
<script>
 document.getElementById("myDiv").innerHTML = "";
</script>

上記のコードでは、divタグの中身が空になります。

<div id="myDiv">中身のコンテンツ</div>
<script>
 document.getElementById("myDiv").textContent = "";
</script>

上記のコードでは、divタグのテキストコンテンツが空になります。

<div id="myDiv">中身のコンテンツ</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
 $("#myDiv").empty();
</script>

上記のコードでは、jQueryのempty()関数を使用してdivタグを空にします。

これらは一部の一般的な方法ですが、他にもさまざまな方法があります。選択した方法は、使用しているテクノロジーや要件によって異なる場合があります。