使用JS和createElement以及createTextNode优化函数

时间:2015-02-24 17:40:40

标签: javascript

我有一个使用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。

0 个答案:

没有答案