javascript document.createElement lub znaczniki HTML

Question

Jestem zdezorientowany, jeśli chodzi o styl pisania kodu. Chcę wiedzieć, która metoda jest skuteczna, aby wstawić znacznik HTML do dokumentu.

Javascript:

document.getElementById('demoId').innerHTML='<div>hello world and <a>click me</a> also</div>'; 

LUB

var itd=document.createElement('div'), 
    ita=document.createElement('a'), 
    idt=document.createTextNode('hello world'); 
    iat=document.createTextNode('click me'); 
    idn=document.createTextNode('also'); 

    ita.appendChild(iat); 
    itd.appendChild(idt); 
    itd.appendChild(ita); 
    itd.appendChild(idn) 

    docuemtn.getElementById('demoId').appendChild(itd); 

Jaki jest najszybszy i najlepszy sposób?

Answer 1

Cóż, pomyśl tylko, co każdy z nich robi. Pierwszym z nich jest pobranie ciągu, przeanalizowanie go, a następnie wywołanie document.createElement, , itp. (Lub podobnych metod) na podstawie danych wyjściowych z analizowanego ciągu. Druga polega na zmniejszeniu obciążenia pracą przeglądarki, ponieważ bezpośrednio mówisz, co chcesz zrobić.

See a comparison on jsPerf

jsPerf Według wariantu 1 do około 3 razy mniejsza od wariantu 2.

Jeśli chodzi o łatwość konserwacji, opcja 1 jest o wiele łatwiejsza do napisania, ale zadzwoń do mnie staromodną, ​​wolałbym użyć opcji 2, ponieważ jest po prostu bezpieczniejsza.

Edit

Po kilku wyniki zaczęły napływać, różniące się wyniki wzbudził moją ciekawość. Dwa razy uruchomiłem test z każdą zainstalowaną przeglądarką. Oto zrzut wyników z jsPerf po wszystkich testach (operacje/drugie, wyższe są lepsze).

Więc przeglądarek wydają się znacznie różnić w jaki sposób poradzić sobie dwie techniki. Wydaje się, że opcja 2 wydaje się szybsza ze względu na Chrome i opcję dużej luki w przeglądarce Safari 2. Wnioskuję, że powinniśmy po prostu użyć tego, co najbardziej wygodne lub najlepiej pasuje do standardów organizacji, a nie martwić się, która z nich jest bardziej wydajna.

Najważniejsze to ćwiczenie nauczyło mnie to nie używać IE10 mimo wielkich rzeczy słyszałem o nim.