2011-04-27 5 views
18

을 사용하여 다른 요소 안에 span 요소를 만듭니다.이 코드는 Google 캘린더에서 가져온 것입니다.javascript

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

나는 페이지의 텍스트로 "1234"를 반환 위로 추가 변수 날짜 열 주위에 span 태그를 추가해야합니다.

문자열이 같은 렌더링 :

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

'li.innerHTML = dateString'을 사용해 보셨습니까? –

답변

31

다음 코드를 사용하여 createElement를 사용하여 span을 만들고 innerHTML로 날짜 문자열을 삽입하십시오. 그런 다음 li에 span을 추가하십시오.

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

당신이 jQuery를 사용할 수 있는지, 그 방법 .wrap() 당신이 원하는 무엇을 할 것입니다.