Создайте элемент 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));

Ответ 1

Попробуйте выполнить следующий код, создайте диапазон с помощью createElement и вставьте в него строку даты innerHTML. Затем добавьте span в li.

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

Ответ 2

если вы можете использовать jquery, тогда метод .wrap() сделает это так, как вы хотите.