如何刪除標籤的使用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

簡單的添加這一行，demo

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

將與空的文本替換第一text-node。