加快 DHTML 的一组技巧(3) 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创建元素效率更高。在下面的方案中,您可 以尝试一下这两种方法并确定哪一种更快。 慢: for (var i=0; i<100; i++) { divUpdate.insertAdjacentHTML( "beforeEnd", " 使用 insert AdjacentHTML() " ); } 快: var node; for (var i=0; i<100; i++) { node = document.createElement( "SPAN" );