How to efficiently add HTML elements to document

An example showing how to efficiently add HTML elements to document using Tizen 2.3. 
<!DOCTYPE html>
<html>
<body>
  <ul></ul>
  <script>
  var fragment = document.createDocumentFragment();
  for (var i = 1; i <= 10; i++) {
    var li = document.createElement('li');
    li.innerText = 'Item ' + i;
    fragment.appendChild(li);
  }
  document.querySelector('ul').appendChild(fragment);
  </script>
</body>
</html>
List

Responses

0 Replies