如何使用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 。