关于innerHTml的一些坑

最新推荐文章于 2025-05-23 10:16:34 发布

原创最新推荐文章于 2025-05-23 10:16:34 发布 · 766 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在Web开发中如何使用不同的方法来获取DOM元素。重点对比了通过标签名获取元素（如使用document.getElementsByTagName）与通过ID获取元素的区别。前者返回数组形式的结果，需要通过下标进一步定位；后者直接返回单个元素。

如果用 document.getElementsByTagName

或者document.getElementsByTagclassName获取元素再用innerHTML

必须在document.getElementsByTagName后面加下标【index】

因为其返回的是个数组

而使用getId就不用，

因为其获取的是单个元素！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Undefineddd

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CTF/CTF练习平台-XSS【xss注入及js unicode编码及innerHTML】

qq_43679507的博客

11-14

1925

CTF/CTF练习平台-XSS【xss注入及js unicode编码及innerHTML】

移动端输入框填坑系列

Jack, what else can you do besides holding your little darling?

11-05

644

背景需求预沟通产品：我们需要做一个 IM，和微信一样我：打扰了，走错片场了，你们继续，，，，，，， .... 我：这个需求虽然不合理，但是我还是接了。。。。。。输入框来来来，我们来想一下我们一天中使用频率最高的 App——微信，英文名是 WeChat，它的聊天界面长啥样子，输入框在最底部（不知道你什么反应，我反正当场就打开了 weibo，facebook， twitter 等等等的 mobile 端，就没有一个是把输入框放在最底部的，好的，我当场就对产品发动了强烈的反抗，当然依旧没

参与评论您还未登录，请先登录后发表或查看评论

innerHTML 的坑

weixin_30409849的博客

11-05

259

http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx Remarks TheinnerHTMLproperty is valid for both block and inline elements. By definition, elements that do not have both an opening a...

innerHTML踩坑

qq2071114140的博客

08-18

416

innerHTML踩坑请看下面的例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>再来一个</button> </body> <script type="text/javascript">

【红宝书笔记】关于innerHTML的一点坑

The Summer, The Winter

04-05

463

之前写『幻灯片』插件的时候，在滚动要改变幻灯片位置的时候，发现怎么对元素设置style都无效。。六脸懵逼0 0。之前做头像插件的时候也出现过这种问题。。不过那个是偶发的。。。现在还不知道为什么。。于是一直以为是style的设置有误。。后来不可置信的发现是innerHTML的问题。。在创建每个图片的导航的时候，是生成了导航的节点，然后把父元素的inneHTML+=生成的节点text。于是悲剧就发

[js] innerHTML有什么缺点？

歌谣的博客

01-08

967

[js] innerHTML有什么缺点？ innerHTML的修改和添加，元素中旧的内容被移除新的内容会被重新写入元素。innerHTML内容将会被重新解析和构建元素。例如 innerHTML+ = ”“ 时，内容”归零” 重写，所有的图片和资源重新加载，这样会消耗更多的时间。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题 ...

第10天 innerHTML有什么缺点？

qq_36529240的博客

12-13

224

innerHTML的修改和添加，元素中旧的内容被移除新的内容会被重新写入元素。innerHTML内容将会被重新解析和构建元素。例如 innerHTML+ = ”“ 时，内容”归零” 重写，所有的图片和资源重新加载，这样会消耗更多的时间。 ...

这些年遇到的js的坑

08-09

这篇博文“这些年遇到的js的坑”可能涵盖了作者在实践中遇到的一些难点和陷阱，虽然没有直接的描述，但我们可以根据标签和常见问题来推测其中可能涉及的知识点。首先，"源码"这个标签暗示了文章可能会讨论到...

PitPandaProduction:坑熊猫

04-29

在JavaScript编程实践中，以下是一些关键知识点： 1. **基础语法**：包括变量声明（var, let, const）、数据类型（字符串、数字、布尔、对象、数组等）、控制流（条件语句、循环语句、函数等）。 2. **DOM操作**：...

15JavaScript DOM 操作全攻略！5 大核心技巧 + 避坑指南，小白秒变实战高手！

前端基地

05-23

800

还在为 JavaScript操作DOM头疼？本文深度解析document.write、innerHTML等5大核心方法，从创建节点到元素交互，搭配实战代码与避坑技巧，告别语法盲区！无论新手入门还是查漏补缺，都能快速掌握 DOM 操作精髓，轻松实现页面动态效果！

为什么不建议在JS中使用innerHTML？

hr226的博客

07-03

1683

通过innerHTML修改内容，每次都会刷新，因此很慢。在innerHTML中没有验证的机会，因此更容易在文档中插入错误代码，使网页不稳定。

[收藏]innerText，outerText，innerHTML，outerHTML

[ .::心情驿站::. ]

03-19

2099

这次我们要使用另一些对象属性对来实现动态改变文本，它们就是：innerText，outerText，innerHTML，outerHTML，千万要注意它们的大小写，因为错一点您就得不到预期的效果了。这是全新的方法，当您掌握它以后将可随心所欲的设计动态内容了，不可错过哦！例12 动态改变文本和Html DHtml举例12 body {font-family:"宋体";color="blue";

JavaScript实际应用：innerHTMl和确认提示的使用

aboutblog的专栏

09-20

1514

今天开发中涉及到对一个层的信息控制，就是控制一个层中显示什么信息，查找资料才知道使用innerHTML属性来控制层的值，这个innerHTML跟表单里面的value属性有点类似，能够控制层的显示值。比如说我一个div层里本来没有值，我处罚一个事件后要显示值，那么就能够使用innerHTML属性了，其实innerHTML属性除了能控制层以外，还能控制窗口内容的所有元素，但是我没有测试过。（1）对di

innerHTML为null由于js&html加载顺序的坑

大河向东流的博客

05-08

3823

今天初学JavaScript和html，就直接踩坑了，很是郁闷，写一个乘法口诀表就写了一下午，纠结了一下午为什么innerHTML总是为空，后来算是解决了，原来就是js加载顺序的原因 **错误**html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" />...

JVM中如何理解强引用、软引用、弱引用、虚引用？

WANXT1024的博客

06-01

444

整体架构强引用强引用是默认支持，当内存不足的时候，JVM开始垃圾回收，对于强引用的对象，就算是出现了OOM也不会回收对象。强引用是最常见的普通对象引用，只要还有强引用指向对象，对象就存活，垃圾回收器不会处理存活对象。一般把一个对象赋给一个引用变量，这个引用变量就是强引用。当一个对象被强引用变量所引用，它就处于可达状态，是不会被垃圾回收的，即使之后都不会再用到了，也不会回收。因此强引用是造成Java内存泄漏的主要原因之一。对于一个普通对象，如果没有其他引用关系，只要超过了引用的作用域或者显式地将相应

怎么去除innerHTML获得内容中的标签？

weixin_30871701的博客

10-30

982

去掉innerHTML获得内容里面的标签： <body> <div id="d1"><p id="p1">hello world </p></div> <!-- javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?&gt...

innerHTML用法及错误：无法设置未定义或null引用的属性“innerHTML”解决

weixin_30716141的博客

11-09

1447

在使用ActionCable时， app/assets/javascripts/channels/calladdresses.coffee: App.calladdress = App.cable.subscriptions.create "CalladdressChannel", connected: -> # Called when the subscript...

简述为什么不建议在 JavaScript中使用 innerHTML？

csdn_Levy的博客

09-29

306

是一个常用的 JavaScript 属性，它可以获取或替换 HTML 元素的内容。然而，它有一些潜在的问题，所以在某些情况下并不推荐使用。插入用户提供的内容，那么恶意用户可能会插入一些执行恶意代码的脚本。为了避免这种问题，你需要确保你插入的内容是安全的，或者使用其他方法（如。替换一个元素的内容，那么这个元素及其所有后代元素的所有事件监听器都会被移除。如果你希望保持这些事件监听器，你需要在每次使用。有这些问题，但在某些情况下，它仍然是一个非常有用的工具。只是在使用时，需要注意上述的一些问题。

innerHTML() 与html( )的区别

lechen1013的博客

07-12

667

innerHTML() 与html( )的区别在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。 innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签我原本一直以为innerHTML和jquery里的html其实是完全

react-quill 坑有哪些