Créer un élément span dans un autre élément à l'aide de javascript

Question

Ce code provient du calendrier 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');

J'ai besoin d'ajouter une balise span autour de la variable dateString, en les ajoutant comme ci-dessus renvoie "1234" comme texte sur la page.

La chaîne est rendue comme telle:

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

Answer 1

Essayez le code suivant, créez span à l'aide de createElement et insérez-y la chaîne de date en tant que innerHTML. Ajoutez ensuite span à li.

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

Answer 2

si vous pouvez utiliser jquery, la méthode .wrap () fera ce que vous voulez.