|
var node;
for (var i=0; i<100; i++)
{
node = document.createElement( "SPAN" );
node.appendChild( document.createTextNode( "使用 createText
Node() ") );
divUpdate.appendChild( node );
}
快：
var node;
for (var i=0; i<100; i++)
{
node = document.createElement( "SPAN" );
node.innerText = "使用 innerText 属性";
divUpdate.appendChild( node );
}
使用 DOM 添加单个元素
如前所述，应用 HTML 文本的访问方法将导致调用 HTML 分析器，从
而会降低性能。因此，使用 createElement（英文）和 insertAdjacent
Element（英文）方法添加元素比调用一次 insertAdjacentHTML 方法快。
技巧 4：调用 createElement 和 insertAdjacentElement 方法比调用
insertAdjacentHTML 方法快。
成批处理 DHTML更新并调用一次 insertAdjacentHTML 方法可以提高
性能，但是有时直接通过 DOM创建元素效率更高。在下面的方案中，您可
以尝试一下这两种方法并确定哪一种更快。
慢：
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页 |
|
|
|
|
|
|
|
