如何使用Javascript刪除標簽的文本，僅刪除文本而不是標簽

Question

HTML：

<h2>
Available courses
    <span>Available courses</span>
</h2>   

腳本：

var textCon1 = document.querySelector("#frontpage-course-list h2");
var textCon2 = document.querySelector("#frontpage-course-list h2").innerHTML;
var createSpan = document.createElement("span");
createSpan.innerHTML = textCon2;
textCon2.appendChild(createSpan);
textCon1.innerHTML="";

在這里，我試圖刪除h2標簽中可用的文本，但是它將刪除h2標簽中可用的所有內容。 我想保留文本的span標簽。

Answer 1

簡單添加此行， 演示

textCon1.childNodes[0].textContent = "";

它將用空文本替換第一個text-node 。