获取元素的文本内容getText

于 2012-04-01 14:55:55 发布 · 1.2k 阅读

文章标签：

#getText

本文介绍了一个名为ZYC.dom.getText的API，该API用于从指定DOM元素中获取文本内容。通过对参数类型的判断来获取DOM元素，并递归遍历子节点以获取所有文本内容。

api的应用场景是：获取指定的element的文本内容

关于ZYC.dom.g的资料：http://zhangyaochun.iteye.com/blog/1439262

关于nodeType|nodeValue相关：http://zhangyaochun.iteye.com/blog/1219169

/*
获取dom元素
@param {String|HTMLElement} id或者DOM元素
@info 对于ZYC.dom.g这个api在判断上更简单
          只是判断了参数是否为字符串，如果不是直接返回
*/
ZYC.dom._g = function(id){
      if(ZYC.lang.isString(id)){
         return document.getElementById(id);  
      }
      return id; 
}

/*getText-get the textcontent from the element*
*@function*
*@param {string||HTMLElement} element*
*@return {String} result
*@relay on ZYC.dom.g*
*/
ZYC.dom.getText = function(element){
       var result = '';
       element = ZYC.dom._g(element);
       if(element.nodeType == 3 || element.nodeType == 4){
            //text|CDATA
            result += element.nodeValue;
       }else if(element.nodeType !== 8){
            var childs = element.childNodes;
            for(var i=0;i<childs.length;i++){
                result  += ZYC.dom.getText(childs[i]);
           } 
       }
        
       return result;
}