zoukankan      html  css  js  c++  java
  • 获取元素的文本

    记得John Resig说过,类库就是用来屏蔽浏览器的差异,但他的getText函数就明显做不到这一点,怎么没人去提醒他一下呢?我的英文特烂,阅读还可以,但要我正经八儿地写几句英文,估计句句都是病句……不说了,看下面测试(如果在IE下报错,请刷新当前页面):

    IE下明显少了空行与空白,因为IE会自动删除空白节点。所以,要让所有浏览器保持一下,就只有去掉空白节点了。还有,我不明白jQuery会把所有匹配元素的文本串成一个,为何不返回一个字符串数组呢,省得到时我们还要一个个分解……

    下面是我的方案:

          //@author:司徒正美(zhongqincheng)
          //获取某个节点的文本,如果此节点为元素节点,则取其childNodes的所有文本,
          //为了让结果在所有浏览器下一致,忽略所有空白节点,因此它非元素的innerText或textContent
          var getText = function(nodes){
            var result = "",node;
            for(var i=0,n=nodes.length;i<n;i++){
              node = nodes[i];
              //如果是文本节点或者CDATA节点
              if ( node.nodeType === 3 || node.nodeType === 4 ) {
                if(!/^\s+$/.test(node.nodeValue))//忽略空白节点与换行符
                  result += node.nodeValue;
                //如果是元素节点
              } else if ( node.nodeType === 1 ) {
                result += getText( node.childNodes );
              }
            }
            return result;
          }
    

    看一下效果:

  • 相关阅读:
    Centos 7.0 下安装 Zabbix server 3.0服务器的安装及 监控主机的加入(1)
    Linux系统级别能够打开的文件句柄的数file-max命令
    记:cloudstack--gluster主存储上的一个文件损坏导致SSVM启动失败
    Linux 之 inotify+rsync 备份文件系统
    为什么KVM计算机点无故重启?
    vim批量在文件每行添加内容以及查询cloudstack模板是否是增量
    记-cloudstack 更改二级存储
    apache 自定义404错误页面
    URL路由
    前端图片优化
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/1666752.html
Copyright © 2011-2022 走看看