我有一个使用Ajax传递数据的函数,创建一些帖子并用脚本附加它们。它工作得很好,但我没有使用jQuery而且我不是Javascript专家。
可以优化以下功能(在执行速度方面)吗?
function createElement(data) {
function cDiv(){return document.createElement('div')};
var elem = cDiv();
elem.className = 'contenuto';
var head = cDiv();
head.className = 'cont-head';
var testo = cDiv();
testo.className = 'cont-testo';
var titolo = document.createElement('h1');
var titolocont = document.createTextNode(data.nome);
titolo.appendChild(titolocont);
var descrizione = document.createTextNode(data.descrizione);
testo.appendChild(titolo);
testo.appendChild(descrizione);
var button = cDiv();
button.className = 'cont-button';
//then.. there are more button in div.button-cont
elem.appendChild(head);
elem.appendChild(testo);
elem.appendChild(button);
elem.id=data.tipo+"-"+data.id;
return elem;
}
帖子是div.cont-head
,我在其中放置背景和符号,div.cont-testo
,其中有标题和说明,以及div.cont-button
,其中有一些按钮。然后,每个div.contenuto
都有一个ID。