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

Question

此代码来自谷歌日历。

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。然后将跨度附加到li。

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

Answer 2

如果你可以使用jquery，那么方法.wrap（）会按你想要的那样做。