使用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（）會做你想要什麼。