如何删除标签'；使用Javascript创建文本，只显示文本而不显示标记

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标记。

简单添加这一行

它将用空文本替换第一个

文本节点

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