使用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.然后追加到李的跨度.

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