为什么不推荐用innerText，最好用innerHTML

最新推荐文章于 2024-06-28 17:50:47 发布
最新推荐文章于 2024-06-28 17:50:47 发布
阅读量44 收藏
点赞数
分类专栏： JS实战记录 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37635012/article/details/137227079
版权

innerHTML和innerText 这两个属性都是获取document对象的文本内容的，innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。
**同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。**如下例：

<html>
	<head><title>innerHTML</title></head>
	<body>
		<p id=
了解本专栏 订阅专栏 解锁全文 超级会员免费看
百思不得小李
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
不要使用innerHTML
我的博客，不一样的自我表达
06-23 35
将不受信任的 HTML 字符串插入元素时，这是使用“Element.innerHTML”的安全替代方案。/ “innerHTML”在某些情况下是一个有用的功能，但如果滥用，它可能会让其他人渗透到您的网络应用程序中。在本文中，我将解释为什么这是一个问题，并提出替代方法。首先，让我们看看为什么这可能很糟糕，这是一个示例代码。在此代码中，我们有一个简单的输入和一个按钮。如果它只是一个简单的文本，这是一个简单的代码。该功能唯一的缺点是，它仍处于实验状态，其他浏览器尚未支持，但一旦功能实验完成，该功能将可用。
jQuery中innerText、innerHTML不能使用
qq_45863496的博客
11-26 1182
今天遇到一个问题，给button按钮动态显示内容的时候，用innerText和innerHtml都没有显示成功： <button id="signUp" class="sign-up-box" onclick="applySalon()"></button> if (now < endTime) { $("#signUp").innerText("报名结束"); } else { $("#signUp").in
innerHTML与innerText区别
wang2love的博客
12-20 1533
innerHTML与innerText区别
innerText 和 innerHTML
qq_40301211的博客
04-02 785
作用：给双标签元素设置内容/获取双标签里面的 内容 不同点： innerText 只是用于获取文本或设置文本 innerHTML 不仅可以设置/获取文本，还可以识别html 相同点： 如果是赋值的话，都会覆盖元素内本身的内容 两者兼容性问题： innerHTML 是非标准属性（非w3c标准）,但是所有的浏览器都支持 innerText属性存在兼容性问题，早期的火狐浏览器不支持...
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
09-05
需要注意的是，`innerText`仅在IE浏览器中被支持，而在其他遵循W3C标准的浏览器（如Firefox, Chrome, Safari, Opera等）中，推荐使用`textContent`来实现相同的功能。为了实现跨浏览器兼容性，可以使用`innerText`和...
详谈innerHTML innerText的使用和区别
08-29
详谈innerHTML innerText的使用和区别 在HTML文档中，获取或设置标签中的内容是非常重要的。document对象中有innerHTML、outerHTML、innerText和outerText四个属性，它们之间的区别和使用方法是开发者必须掌握的...
InnerHtml和InnerText的区别分析
09-06
InnerHtml和InnerText的区别分析小结
JavaScript检查对象是否包含某个属性
徐三岁的博客
06-28 430
当使用 Object.prototype.hasOwnProperty.call 时，实际上是在调用 hasOwnProperty 方法，并明确指定 this 的值，这使得可以检查任何对象是否拥有指定的属性。使用 Object.prototype.hasOwnProperty.call 的好处是，它允许将 hasOwnProperty 方法作为一个函数传递给其他函数，或者在不直接引用对象的情况下使用它。hasOwnProperty 方法会检查对象自身是否具有指定的属性，而不考虑原型链。
JavaWeb系列二十: jQuery的DOM操作 下
你好, 我在学java的博客
06-24 445
jQuery的DOM操作CSS-DOM操作多选框案例页面加载完毕触发方法作业布置jQuery获取选中复选框的值jQuery控制checkbox被选中jQuery控制(全选/全不选/反选)jQuery动态添加删除用户 CSS-DOM操作 获取和设置元素的样式属性: css() 获取和设置元素透明度: opacity属性 获取和设置元素高度, 宽度: height(), width(). 在设置值时, 若只传递数字, 则默认单位是px; 如需要使用其它单位则需传递一个字符串, 例如 $(“p:first”)
uniApp vue2 vue3配置代理
小白变怪兽
06-28 133
【代码】uniApp vue2 vue3配置代理。
Vue3实现记住密码功能
jsbbhx的博客
06-25 217
npm i js-cookie // 使用Cookie来实现记住密码功能npm i jsencrypt //使用jsencrypt进行加密解密。
前端 JS 经典：变量交换
weixin_64684095的博客
06-27 410
let a = 5;let b = 6;b = a;a = temp;// 6 5。
分布式kettle调度管理平台简介
sharehoo的博客
06-28 510
分布式kettle调度管理系统，采用微服务前后端分离方式开发，前端采用vue2，页面美观，系统可扩展性强，兼容主流kettle版本，无入侵源码，实时支持升级版本。
Vue-cli搭建一个项目
最新发布
Wooo_e的博客
06-28 412
终端运行npm run serve点击Local外部浏览器打开。
JavaScript高级程序设计(第四版)--学习记录之集合引用类型（上）
Zwq8023520的博客
06-25 749
从功能上讲两种存取属性的方法没有区别，使用中括号的主要优势就是可以通过变量访问属性。
vue3 Elementplus 动态路由菜单不跳转问题
qq_51355375的博客
06-23 526
vue3 Elementplus 使用component: () => import(`@/views/${item.componentPath}.vue`)加载动态路由菜单不跳转, 报错 Unknown variable dynamic import: ../views/system/user/index.vue at dynamic-import-
使用Vue-cli脚手架创建uni-app项目（Vue2版本）
m0_67584973的博客
06-28 278
uni-app官方说除了HBuilderX可视化界面，也可以使用cli脚手架，可以通过vue-cli创建uni-app项目
innerHTML和innerText有什么区别
05-25
innerHTML 和 innerText 都是用于获取或设置 DOM 元素的文本内容的属性，但它们之间有一些区别： ...总之，在处理纯文本时，最好使用 innerText，而在需要操作 HTML 代码时，可以使用 innerHTML，但是要注意安全问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值