在线html代码预览,在HTML页面中预览HTML代码

function Report (id) {

this.div = gel(id);

this.div.style.height = '100%';

this.trip;

}

//initializes the Report object and renders the HTML of the report to this.div

Report.prototype.init = function(trip) {

this.report = {'author':trip.owner,

'time_created':trip.time_created,

'title':trip.title,

'text':trip.summary,

'url':trip.url,

'category':trip.category,

'id':trip.id}

this.div.appendChild(this.renderHTML());

}

//show the edit form when the user clicks the edit link

Report.prototype.editForm = function() {

var r = this.report;

var form = dec('form');

form.action = '/trips/submit_link';

form.method = 'POST';

var t = dec('table');

t.style.width ='95%';

t.style.paddingBottom ='10px';

var tr = dec('tr');

t.appendChild(tr);

var td = dec('td');

td.style.width = '15%';

var strong = dec('strong');

strong.appendChild(dct('Title'));

td.appendChild(strong);

<