Создайте элемент span внутри другого элемента, используя javascript

Этот код из календаря 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');

Мне нужно добавить тег span вокруг переменной dateString, добавив их, как указано выше, возвращает "1234" в качестве текста на странице.

Строка отображается как таковая:

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

Ответы

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