创建元素与插入元素顺序不同产生的性能上的不同

页面代码如下：

<ul id="ul1">
  <li>abc</li>
</ul>

分别用如下js代码创建元素，并给创建的元素赋予文本，有两种写法

写法一：

window.onload=function()
{
    var oUl = document.getElementById("ul1");
    var oLi = document.createElement("li");
    oLi.innerHTML="abc";
    oUl.appendChild(oLi);
};

写法二:

window.onload=function()
{
    var oUl = document.getElementById("ul1");
    var oLi = document.createElement("li");
    oUl.appendChild(oLi);
    oLi.innerHTML="abc";
};

两种写法哪一种更好呢？ 第一种写法把文本赋予完成后添加到页面上，所以渲染了一次;第二种写法是把创建的元素先添加到了页面上，渲染了一次，然后再赋予文本，又渲染了一次，所以这里总共渲染了两次。

因此在性能上，第一种写法更加的好。