- 当前位置：首页 >数据库 >知道这两个 DOM 属性区别的，头发应该不多了吧？
知道这两个 DOM 属性区别的，头发应该不多了吧？
发布时间：2025-11-05 12:05:50 来源：云智核 作者：IT科技
你可能知道，知道获取和设置 DOM 元素内部文本可以用这两个属性：Node.textContent 和 Element.innerText。性区
乍一看，别的不多它们似乎做着完全相同的应该事情，但它们之间有一些微妙但重要的知道区别。今天，性区我们来看看它们的别的不多作用，以及它们的应该异同之处。高防服务器
废话不说，知道直接看代码。性区
相同之处
比如下面这个 DOM 元素。别的不多
<p id="sandwich">I love a good tuna sandwich!</p>Node.textContent 和Element.innerText属性都能获取#sandwich 元素内部的应该文本。
let sandwich = document.querySelector(#sandwich); // returns "I love a good tuna sandwich!" let text1 = sandwich.textContent; // also returns "I love a good tuna sandwich!" let text2 = sandwich.innerText;如果元素内部还有其他标签，知道它们都会忽略。性区
<p id="sandwich">I love a good <strong>tuna</strong> sandwich!</p> // returns "I love a good tuna sandwich!" let textHTML1 = sandwich.textContent; // also returns "I love a good tuna sandwich!" let textHTML2 = sandwich.innerText;另外，别的不多这两个属性都能用于设置元素内部文本。
// 替换文本 // <p id="sandwich">Hello, world!</p> sandwich.textContent = Hello, world!; // 也可以追加 // <p id="sandwich">Hello, world! And hi, Universe!</p> sandwich.innerText += And hi, Universe!;不同之处
看上去做着同样的事情，站群服务器那么它们有什么区别?
Node.textContent 属性获取全部文本内容，包括元素内部那些未渲染到页面的内容。 Element.innerText 只返回渲染出来的文本，类似于可以用光标和键盘选中的文本部分。举个例子就清楚了。
<div class="greeting"> <style type="text/css"> p { color: rebeccapurple; } </style> <p hidden>This is not rendered.</p> <p>Hello world!</p> </div> let greeting = document.querySelector(.greeting); /* 返回 p {color: rebeccapurple;} This is not rendered. Hello world! */ let text1 = greeting.textContent; // 返回 "Hello world!" let text2 = greeting.innerText;这下总算知道区别了!又躺学了一个知识点~
本文转载自微信公众号「1024译站」，可以通过以下二维码关注。转载本文请联系1024译站公众号。
- 上一篇：惠普电脑,预装ubuntu系统如何修改系统语言1、首先，我们打开Ubuntu桌面左侧工具栏中的”系统设置”2、然后选中设置中的“Language Support”3、这里的默认系统语言为English4、我们找到汉语（中国），向上拉，使汉语（中国）的位置替换English的位置。有的时候，不好拉，多拉几次就好了5、将汉语（中国）拉到顶部后，我们点击“Apply System-Wide”,将汉语（中国）应用到整个系统。6、在弹出来的对话框中，输入你的root密码之后，点击“Authenticate”。等一会儿，待应用完成之后，我们重启7、在重启之后，我们会看到，有一个询问的对话框，问你是否将标准文件夹更新到当前语言，这里按照个人喜好而定”。我们这里也已经看到，系统语言已经由English修改为了汉语。至此，完成了系统语言的更换
- 下一篇：探究戴尔电脑开机系统错误的原因及解决方法（戴尔电脑开机系统错误的调查与排除）
- 华为v9手机（华为v9手机的关键特点和用户评价）
- Linux 查看内存信息具体实现
- DB2如何安装实例数据库和TOLLSDB数据库
- 有效安全自动化的关键因素
- 黑爵机械键盘（高品质机械键盘，让你爱不释手）
- 在 Linux 命令行中更容易完成的12件事
- Linux网络测试三种强大工具详解
- InnoDB，快照读，在RR和RC下有何差异？（很多人，以为自己懂了...）
- Ubuntu装上后，就立刻把php开发装上了，不过在打开zend studio 的时候，不支持中文。网上查了一下，原来是zend自带的jre不支持中文字体。在这把解决方法记下，以备后用。 1.在 /usr/local/Zend/ZendStudio-5.5.1/jre/lib/fonts/ 中建立文件夹 fallback 2.拷字体 simsun.ttc到这个目录。这个字体可以在windows系统中找到(比如C:windowsfonts). 重启zend，ok。
- 透视CEF负载均衡的功能
随便看看
服务器租用企商汇亿华云源码下载益华科技源码库IT技术网IT资讯网香港云服务器益强数据堂亿华云计算亿华智慧云IT资讯网益强资讯优选科技前瞻码上建站运维纵横亿华云益强科技云站无忧亿华科技技术快报智能时代益强科技极客编程多维IT资讯编程之道益强智囊团益强编程堂思维库汇智坊云智核益华科技极客码头益强IT技术网益华科技益强前沿资讯亿华智造益强智未来益华IT技术论坛亿华互联益强编程舍亿华灵动码力社
- Copyright © 2025 Powered by 知道这两个 DOM 属性区别的，头发应该不多了吧？,云智核 滇ICP备2023006006号-28sitemap