DOM 으로 Table, DIV 생성

 

var DIV     = $('simpleCalender');
var startImg   = new Element('img' ,{src : '../images/date_gprev.gif'}).observe('click', function(){getDate('L',dateType)}).setStyle({'cursor':'pointer'});
var endImg     = new Element('img' ,{src : '../images/date_gnext.gif'}).observe('click', function(){getDate('R',dateType)}).setStyle({'cursor':'pointer'});

var spanStart  = new Element('span',{id : 'startDay'});
var spanEnd    = new Element('span',{id : 'endDay'});
 
spanStart.appendChild(startImg);
spanStart.appendChild(document.createTextNode(startDate));
spanEnd.appendChild(document.createTextNode(endDate));
spanEnd.appendChild(endImg);
 
DIV.appendChild(spanStart);
DIV.appendChild(document.createTextNode("~"));
DIV.appendChild(spanEnd);

 

 

• appendChild :
• new Element('HTMLCODE',{ id : value })  :
• document.createTextNode("TEXT")   :
• observe('EVENT' , function(){   })  :
• setStyle({'cursor':'pointer'}) :