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

JavaScript 技术篇-textContent获取dom节点text文本内容带空格，js获取带空格的dom节点内容

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

我们用 innerText 获取到的文本信息是除掉空格的。但有时根据需求我们需要获取到完整的文本信息。

请看效果图：

image.png

用 textContent 就可以很好的解决了。

image.png

喜欢的点个赞❤吧！

文章标签：
JavaScript
前端开发
关键词：
dom节点
JavaScript DOM
JavaScript javascript
JavaScript技术
技术JavaScript
小蓝枣
目录
相关文章
算精通
|
7天前
|
JavaScript 前端开发
JavaScript 与 DOM 交互
【9月更文挑战第01天】
算精通
9 2
请看我回答~
|
12天前
|
机器学习/深度学习 人工智能 自然语言处理
深度学习中的图像识别技术深入理解Node.js事件循环及其在后端开发中的应用
【8月更文挑战第27天】本文将介绍深度学习中的图像识别技术，包括其原理、应用领域及未来发展。我们将探讨如何通过神经网络实现图像识别，并分析其在医疗、交通等领域的应用。最后，我们将展望图像识别技术的发展前景。
请看我回答~
31 5
请看我回答~
|
12天前
|
运维 Cloud Native JavaScript
云端新纪元：云原生技术深度解析深入理解Node.js事件循环及其在异步编程中的应用
【8月更文挑战第27天】随着云计算技术的飞速发展，云原生已成为推动现代软件开发和运维的关键力量。本文将深入探讨云原生的基本概念、核心价值及其在实际业务中的应用，帮助读者理解云原生如何重塑IT架构，提升企业的创新能力和市场竞争力。通过具体案例分析，我们将揭示云原生技术背后的哲学思想，以及它如何影响企业决策和操作模式。
请看我回答~
36 2
toddli
|
13天前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题：事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题：事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
toddli
33 1
李木子2024
|
9天前
|
JavaScript 开发者 UED
Vue.js 错误处理与调试：跟上技术潮流，摆脱开发困扰，成为代码大神不是梦！
【8月更文挑战第30天】在 Vue.js 开发中，错误处理与调试至关重要。本文将对比 Vue 的全局错误捕获机制 `Vue.config.errorHandler` 和组件内 `watch` 监听数据变化的方式，并介绍 Vue 开发者工具、控制台打印 (`console.log`) 以及代码断点 (`debugger`) 等调试方法。此外，还将探讨如何通过自定义错误页面提升用户体验。通过这些技巧的对比，帮助开发者灵活选择适合的策略，确保应用稳定性和开发效率。
李木子2024
29 0
李木子2024
|
9天前
|
JavaScript 前端开发 开发者
Vue.js 响应式变革来袭！结合热点技术，探索从 Object.defineProperty 到 Proxy 的奇妙之旅，触动你的心
【8月更文挑战第30天】在 Vue.js 中，响应式系统自动追踪并更新数据变化，极大提升了开发体验。早期通过 `Object.defineProperty` 实现，但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`，克服了上述限制，提供了更强大的功能和更好的性能。实践中，可根据项目需求选择合适的技术方案，并优化数据操作，利用懒加载等方式提升性能。
李木子2024
20 0
李木子2024
|
4月前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略：从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互，涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习，开发者能掌握动态改变网页内容、结构和样式的技能，实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用，助你提升前端开发能力。
李木子2024
172 0
孙飞i
|
28天前
|
XML JavaScript 前端开发
JavaScript中的DOM解析器DOMParser api的讲解
`DOMParser`能将XML或HTML源码字符串解析成DOM `Document`。通过`new DOMParser()`创建实例，使用`.parseFromString(string, type)`方法进行解析，其中`string`为待解析的字符串，`type`指定解析类型如`text/html`或`text/xml`等，返回一个`Document`对象。例如，可解析包含`<p>666</p>`的字符串并获取其文本内容`666`。
孙飞i
55 1
夏天49597
|
3月前
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作：查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础，包括查找元素（getElementById、getElementsByClassName等）、创建新节点（createElement、createTextNode）和修改节点（innerText、innerHTML、setAttribute等）。强调了易错点，如ID唯一性、性能考量和安全问题，并提供了代码示例。熟练掌握DOM操作对前端开发至关重要，但应注意性能优化，适时使用框架或库。
夏天49597
45 2
JavaScript基础-DOM操作：查找、创建、修改
_BugMan
|
3月前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
_BugMan
37 2