首页 > Web开发 > 详细

一天一小段js代码(no.3)

时间:2014-03-29 02:20:04      阅读:520      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
//遍历属性,返回名值对
 function outputAttributes(element){
     var pairs = new Array(),
         attrName,
         attrValue,
         i,
         len;

         for(i=0,len=element.attributes.length;i<len;i++){
             attrName = element.attributes[i].nodeName;
             attrValue = element.attributes[i].nodeValue;
             //针对 <IE7 bug
             if(element.attributes[i].specified){            
                 pairs.push(attrName+‘=\‘‘+attrValue+‘\‘‘);
             }
         }
         return pairs.join(‘‘);

}

var script = document.getElementById(‘script‘);
alert(outputAttributes(script));
bubuko.com,布布扣

 

分割文本节点,从文本节点中提取数据:

 

bubuko.com,布布扣
//分割文本节点是从文本节点中提取数据的一种常用的DOM解析技术
var element = document.creatElement(‘div‘);
element.className = ‘message‘;

var textNode = document.creatTextNode(‘Hello World!‘);
element.appendChild(textNode);

document.body.appendChild(element);
var newNode = element.firstChild.splitText(5);

alert(element.firstChild.nodeValue);
//alert(newNode.nodeValue);
//alert(element.childNodes.length);
bubuko.com,布布扣

 

     假设我们想给ul标签添加3个列表项,如果逐个的添加列表项,将会导致浏览器反复渲染(呈现)新信息。为了避免这个问题,我们可以使用一个文档片段来保存创建的列表项,

然后再一次性把他们添加到文档中:

 

      

bubuko.com,布布扣
var fragment = document.createDocumentFragment();
var ul = document.getElementById(‘myList‘);
var li = null;

for(var i,i=0;i<3;i++){
    li = document.createElement();
    li.appendChild(document.createTextNode(‘item‘+(i+1)));
    fragment.appendChild(li);
}

ul.appendChild(fragment);
bubuko.com,布布扣

一天一小段js代码(no.3),布布扣,bubuko.com

一天一小段js代码(no.3)

原文:http://www.cnblogs.com/skylar/p/3631320.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!