Javascript文档对象模型(DOM)实例分析

使用createDocumentFragment()

/* 通常做法 */
var arrText = [''first'', ''second'', ''third''];
for(var i=0; i<arrText.length; i++){
var op = document.createElement(''p'');
var oText = document.createTextNode(arrText[i]);
op.appendChild(oText);
document.body.appendChild(op);
}

/* 使用documentFragment */
var arrText = [''first'', ''second'', ''third''];
var oFragment = document.createDocumentFragment();
for(var i=0; i<arrText.length; i++){
var op = document.createElement(''p'');
var oText = document.createTextNode(arrText[i]);
op.appendChild(oText);
oFragment.appendChild(op);
}
document.body.appendChild(oFragment);

CSSER注：上面的比较能看出，通过DocumentFragment的方式能提高效率。

—————————————————————————————————————————

HTML DOM：

使用DOM的核心方法是针对所有XML的，针对HTML DOM有特殊的方法，如

使用DOM core：oImg.setAttribute(“src”, “mypicture2.jpg”);

使用HTML DOM：oImg.src = “mypicture2.jpg”;

—————————————————————————————————————————

DOM 遍历和parentNode(),firstChild(),lastChild(),nextSibling(),previousSibling()(兄弟)

http://www.csser.com/html/csser/webstandards/200703/04/1034.html

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!