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

一天一小段js代码(no.3)
//遍历属性,返回名值对
 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));
一天一小段js代码(no.3)

 

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

 

一天一小段js代码(no.3)
//分割文本节点是从文本节点中提取数据的一种常用的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);
一天一小段js代码(no.3)

 

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

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

 

      

一天一小段js代码(no.3)
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);
一天一小段js代码(no.3)

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

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

上一篇:转 PHP在JVM上的实现JPHP


下一篇:[Asp.net]使用flexpaper+swftools大文件分页转换实现在线预览