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

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

2021-12-15 320
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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元素
小蓝枣
目录
相关文章
爱心发电丶
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件，动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法，并附有示例代码和在线演示链接，方便开发者参考与测试。
爱心发电丶
438 56
varin
|
8月前
|
JavaScript 前端开发 IDE
TypeScript vs. JavaScript：技术对比与核心差异解析
TypeScript 作为 JavaScript 的超集，通过静态类型系统、编译时错误检测和强大的工具链支持，显著提升代码质量与可维护性，尤其适用于中大型项目和团队协作。相较之下，JavaScript 更灵活，适合快速原型开发。本文从类型系统、错误检测、工具支持等多维度对比两者差异，并提供技术选型建议，助力开发者合理选择。
varin
1528 1
蓝易云
|
8月前
|
监控 JavaScript 前端开发
JavaScript加密与解密技术：Hook技术应用案例分析
以上案例展示了如何利用JavaScript Hook技术结合强大且广泛采纳标准化算法（如AES），无缝地集成进Web应用程序以增强通信安全性。此种方法不仅能够确保敏感信息得到有效保护，并且由于它们操作适度透明、无需重构已存在代码基础架构而具备较高实际可行性及易操作性。
蓝易云
340 11
ayuday
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。
ayuday
804 24
陌陌谣
|
12月前
|
监控 算法 JavaScript
基于 JavaScript 图算法的局域网网络访问控制模型构建及局域网禁止上网软件的技术实现路径研究
本文探讨局域网网络访问控制软件的技术框架，将其核心功能映射为图论模型，通过节点与边表示终端设备及访问关系。以JavaScript实现DFS算法，模拟访问权限判断，优化动态策略更新与多层级访问控制。结合流量监控数据，提升网络安全响应能力，为企业自主研发提供理论支持，推动智能化演进，助力数字化管理。
陌陌谣
301 4
游客lijmi4663rgsa
|
移动开发 运维 供应链
通过array.some(）实现权限检查、表单验证、库存管理、内容审查和数据处理；js数组元素检查的方法，some（）的使用详解，array.some与array.every的区别（附实际应用代码）
array.some（）可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作，核心在于利用其短路机制，速度更快，节约性能。 博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
659 0
老朱教授
|
JavaScript 前端开发
JavaScript复制文本到剪贴板
老朱教授
798 0
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
440 2
雨溪-yuxi
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
330 1
JavaScript中的原型 保姆级文章一文搞懂

热门文章

最新文章

  • 1
    jsQR 一个完全独立的javascript 二维码识别库
  • 2
    使用PDF.js预览文件老是报错Message: file origin does not match viewer‘s_otherError @ app.js:1140怎么办？？
  • 3
    技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-3.登陆的token验证（校验登录）
  • 4
    第204天：js---重载和多态
  • 5
    js 小数取整的函数
  • 6
    JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
  • 7
    大幅提升前端工作效率！Numeral.js数值格式化库来了！
  • 8
    node.js入门 - 11.api：DNS和加密
  • 9
    Three.js系列: 游戏中的第一/三人称视角
  • 10
    JavaScript中Get和Set访问器的实现[转]
  • 1
    基于ssm+vue.js的中国咖啡文化宣传网站附带文章和源代码设计说明文档ppt
    389
  • 2
    基于ssm+vue.js的铁岭河医院医患管理系统附带文章和源代码设计说明文档ppt
    219
  • 3
    基于ssm+vue.js的校园代购服务订单管理系统附带文章和源代码设计说明文档ppt
    326
  • 4
    基于ssm+vue.js的海鲜自助餐厅系统附带文章和源代码设计说明文档ppt
    235
  • 5
    基于ssm+vue.js的农家乐信息平台附带文章和源代码设计说明文档ppt
    204
  • 6
    基于ssm+vue.js的德云社票务系统附带文章和源代码设计说明文档ppt
    214
  • 7
    基于ssm+vue.js的个人博客网站附带文章和源代码设计说明文档ppt
    277
  • 8
    基于ssm+vue.js的高校共享单车管理系统附带文章和源代码设计说明文档ppt
    351
  • 9
    基于ssm+vue.js的智慧城市实验室主页系统附带文章和源代码设计说明文档ppt
    285
  • 10
    基于ssm+vue.js的lw管理系统附带文章和源代码设计说明文档ppt
    200

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例
    • 下一篇
    多端CRM客户关系管理系统源码下载(PHP/Java/Python)完整开源版