使用javascript在另一个元素内创建span元素

Question

此代码来自google日历。

var dateString = (startJSDate.getMonth() + 1) + "/" + startJSDate.getDate(); 
    if (!startDateTime.isDateOnly()) { 
    dateString += " @ " + startJSDate.getHours() + ":" + 
    padNumber(startJSDate.getMinutes()); 
} 
dateString = "<span>" +dateString + "</span>"; 
var li = document.createElement('li'); 

我需要在变量dateString周围添加一个span标签，如上所示添加它们会返回“1234”作为页面上的文本。

的字符串呈现为这样：

li.appendChild(document.createTextNode(' - ' + dateString)); 

Answer 1

尝试下面的代码，使用createElement创建span，并在其中插入日期字符串作为innerHTML。然后将span扩展到li。

var dateSpan = document.createElement('span') 
dateSpan.innerHTML = dateString; 
var li = document.createElement('li'); 
li.appendChild(dateSpan); 

Answer 2

，如果你可以使用jQuery，则该方法.wrap（）会做你想要什么。