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

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

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

     

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

image.png

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

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

image.png

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

image.png

喜欢的点个赞❤吧！

           

文章标签：
JavaScript
前端开发
索引
关键词：
JavaScript技术
JavaScript JS
JavaScript方法
JavaScript javascript
JavaScript元素
小蓝枣
目录
相关文章
码字猴儿
|
6月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能？
有哪些有效的方法可以优化Node.js应用的性能？
码字猴儿
349 69
考拉不拉
|
5月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境，包括查看当前版本和清除旧版本；接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm（Node Version Manager）进行多版本管理，便于切换和设置默认版本。同时，提供常见问题解决方法，如权限错误处理和全局模块迁移方案，以及版本回滚操作，确保用户能够灵活应对不同需求。
考拉不拉
461 0
蓝易云
|
5月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式，无论你是初涉其中的新手还是找寻挑战的专家，总有一种方式能满足你的需求。现在，你已经是这个
蓝易云
531 80
游客tsrksm3mlhq4y
|
7月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
游客tsrksm3mlhq4y
150 1
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
280 2
雨溪-yuxi
|
12月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
211 1
JavaScript中的原型 保姆级文章一文搞懂
疯狂的猿
|
12月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
疯狂的猿
132 0
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
wishCoding
419 5
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
wishCoding
244 4
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
wishCoding
228 4