我们用 innerText 获取到的文本信息是除掉空格的。但有时根据需求我们需要获取到完整的文本信息。
请看效果图：
用 textContent 就可以很好的解决了。
喜欢的点个赞❤吧！
JavaScript 技术篇-textContent获取dom节点text文本内容带空格，js获取带空格的dom节点内容
2021-12-14
339
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JavaScript 技术篇-textContent获取dom节点text文本内容带空格，js获取带空格的dom节点内容
目录
相关文章
|
JavaScript
前端开发
Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染，了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略，可以提高网页的性能和用户体验，确保页面能够快速、流畅地呈现给用户。在实际开发中，要根据具体情况进行权衡和调整，以达到最佳的效果。
378
57
57
|
6月前
|
资源调度
JavaScript
前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。
351
24
30
|
9月前
|
JavaScript
前端开发
|
8月前
|
JavaScript
前端开发
算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能，JS中排序算法的使用详解（附实际应用代码）
Array.sort() 是一个功能强大的方法，通过自定义的比较函数，可以处理各种复杂的排序逻辑。无论是简单的数字排序，还是多字段、嵌套对象、分组排序等高级应用，Array.sort() 都能胜任。同时，通过性能优化技巧（如映射排序）和结合其他数组方法（如 reduce），Array.sort() 可以用来实现高效的数据处理逻辑。
只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
745
3
3
|
8月前
|
数据采集
JavaScript
前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用，JS中数组过滤器的使用详解（附实际应用代码）
用array.filter(）来实现数据筛选、数据清洗和链式调用，相对于for循环更加清晰，语义化强，能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
652
0
0
|
JavaScript
前端开发
索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
231
49
49
|
12月前
|
JavaScript
前端开发
Java
springboot解决js前端跨域问题，javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题，并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先，在Spring Boot应用中添加一个实现了`Filter`接口的类，设置响应头允许所有来源的跨域请求。接着，通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL，验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
192
3
4
|
11月前
|
JavaScript
前端开发
|
12月前
|
JavaScript
前端开发
热门文章
最新文章
1
Chrome 下载大文件报错！用 Streamsaver.js 完美填坑
2
百宝箱开放平台 ✖️ Node.js SDK
3
局域网监控其他电脑的设备信息管理 Node.js 跳表算法
4
必知的技术知识：js保留二位小数
5
解析Vue.js中的computed工作原理
6
转载：JS进度条
7
[JS1] 如何嵌入
8
接口规范，js处理json，php返回给ajax的数据格式
9
详细分析 javascript 的内存分配
10
js21---单体（单例）模式
1
用深度学习提升DOM解析——自动提取页面关键区块
238
2
虚拟DOM如何帮助提升性能的分析
155
3
深度学习在DOM解析中的应用：自动识别页面关键内容区块
173
4
JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
525
5
Vue 3 中如何通过状态管理库来更新虚拟 DOM？
243
6
在 Vue 3 中，除了 `markRaw` 和 `reactive` 结合，还有其他方式手动更新虚拟 DOM 吗？
195
7
Vue 中如何手动更新虚拟 DOM？
413
8
Vue 中的虚拟 DOM 是什么，以及它是如何工作的。
256
9
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
433
10
虚拟 DOM 如何提高应用的性能？
276