位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 访问文本节点

提问人:刘团圆发布时间:2020-11-26

■知识点

使用nodeValue或data属性可以访问文本节点包含的文本。使用length属性可以获取包含文本的长度,利用该属性可以遍历文本节点中每个字符。

■实例设计

设计一个读取元素包含文本的通用方法。

//获取指定元素包含的文本

//参数:e表示指定元素

//返回值:返回包含的所有文本,包括子元素中包含的文本

function text (e){

    var s = "";

    var e = e.childNodes || e;

    for( var i = 0; i < e.length; i++){

        s += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes);  //通过递归遍历所有元素的子节点

}

return s;

}

  在上面的函数中,通过递归函数检索指定元素的所有子节点,然后判断每个子节点的类型,如果不是元素,则读取该节点的值,否则再递归遍历该元素包含的所有子节点。

下面使用上面定义的通用方法读取div元素包含的所有文本信息。

<div id=,"divl">

    <span class="red">div</span>

    元素

</div>

<script>

var div = document.getElementByld("divl");

var s = text(div); //调用读取元素的文本通用方法

console.log(s) ; //返回字符串"div元素"

</script>

这个通用方法不仅可以在HTML DOM中使用,也可以在XML DOM文档中工作,并兼容不同浏览器。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部