AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JavaScript 技术篇 - js在一个元素节点下包含多个text文本情况下的指定文本提取方法

2021-12-15 192
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JavaScript 技术篇 - js在一个元素节点下包含多个text文本情况下的指定文本提取方法

     

结构如下，该元素下包含两个 text 文本，我们只想提取第一个文本内容。

image.png

常规的 innertext、textContent 和 outerText 方法只能提取到全部的文本。

可以通过 childNodes[索引] 来指定 text 文本来进行提取。

image.png

当然，childNodes[索引] 返回的是对象，再加个 nodeValue 就能返回文本了。

image.png

喜欢的点个赞❤吧！

           

文章标签：
JavaScript
前端开发
索引
关键词：
JavaScript方法
JavaScript元素方法
JavaScript元素
JavaScript节点
JavaScript javascript
小蓝枣
目录
相关文章
游客qeoynko2nmbgk
|
10天前
|
JavaScript 前端开发
JavaScript遍历数组用splice方法删除元素，这样写可能有遗漏，你遇到过吗？
JavaScript遍历数组用splice方法删除元素，这样写可能有遗漏，你遇到过吗？
游客qeoynko2nmbgk
18 0
游客qeoynko2nmbgk
|
10天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
游客qeoynko2nmbgk
6 0
游客qeoynko2nmbgk
|
10天前
|
JavaScript 前端开发
用Javascript对二维数组DIY按汉语拼音的排序方法
用Javascript对二维数组DIY按汉语拼音的排序方法
游客qeoynko2nmbgk
9 0
游客j4mujezz7vm7y
|
12天前
|
JSON JavaScript 前端开发
6-19|Python数据传到JS的方法
6-19|Python数据传到JS的方法
游客j4mujezz7vm7y
21 0
咖啡机（K.F.J）
|
存储 JavaScript 前端开发
JavaScript与PHP中正则
有个在线调试正则的工具，点击查看工具。下面的所有示例代码，都可以在codepen上查看到。
咖啡机（K.F.J）
135 0
JavaScript与PHP中正则
技术小胖子
|
JavaScript 前端开发 PHP
JavaScript与PHP中正则
技术小胖子
1132 0
wishCoding
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
78 2
wishCoding
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
wishCoding
68 4
wishCoding
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
wishCoding
60 4
wishCoding
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
wishCoding
78 4