Cree un elemento span dentro de otro elemento usando javascript

Question

Este código es de google calendar.

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'); 

tengo que añadir una etiqueta span alrededor del DateString variables, agregarlos como rentabilidad por encima del "1234" como texto en la página.

La cadena se representa como tal:

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

Answer 1

Intente seguir el código, cree el lapso utilizando createElement e inserte la cadena de fecha en él como innerHTML. A continuación, agregue span a li.

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

Answer 2

si se puede usar jQuery, entonces el método .Wrap() lo hará lo que quiere.