innerHTML方法的使用误解

最新推荐文章于 2022-08-18 16:32:46 发布
最新推荐文章于 2022-08-18 16:32:46 发布
阅读量1.6k 收藏
点赞数
文章标签： html jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010867279/article/details/108828552
版权

innerHTML

有次我用$("#id").innerHTML来替换我的html内容，写完整个代码后发现有报错，始终找不到错在哪。后来我用排除法，将代码块一块一块的调试排除，才发现原来是innerHTML方法使用错了。

innerHTML是js的原生方法，$("#id").innerHTML  是无意义的，innerHTML是DOM元素的属性。

$("#id")是个Jquery对象，Jquery没有innerHTML这个属性，所以要想用jqurey使用innerHTML方法需要这样写：

$("#id")[0].innerHTML=""，先用jq获取DOM，然后用DOM调用innerHTML方法。

js中可以通过document.getElementById("#id").innerHTML = ""来实现。

 

 

小夕007
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于innerHTML的用法,以及数据覆盖问题
m0_46642164的博客
02-21 3722
JavaScript innerHTML使用及数据覆盖问题的解决
jquery中的innerhtml的使用方法
weixin_54957314的博客
08-07 1813
jquery中的innerHtml的使用注意事项，尤其是注意文章中的注释说明
JavaScript中的innerHTML使用
qq_60115503的博客
04-17 6万+
innerHTML innerHTML属性允许更改html元素的内容,可以设置或返回表格行的开始和结束标签之间的HTML,本篇文章就来给大家介绍关于innerHTML的用法
innerHtml的用法及理解
cheng1a的博客
08-18 1万+
innerHtml标签可以获取标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTMLinnerHtml标签也可以用来设置标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTML=’需要设置的内容’;
javascript中的innerHTML是什么意思，怎么个用法？
h3110n3w0r1d
10-14 3499
转自：https://blog.csdn.net/qq_27918787/article/details/52628311 innerHTML在JS是双向功能：获取对象的内容  或  向对象插入内容； 如：<div id="aa">这是内容</div> ， 我们可以通过  document.getElementById('aa').innerHTML 来获取id为aa的对...
通过 Dom 方法提高 innerHTML 性能
09-06
需要注意的是，对于 Internet Explorer 浏览器，原始的 `innerHTML` 方法在性能上可能更好，因此在函数中使用了条件编译 (`/*@cc_on...@*/`) 来检测是否运行在 IE 中，如果是，则直接使用 `innerHTML` 更新。...
用innerhtml提高页面打开速度的方法
12-08
代码如下:”headtop”></div>　而flash幻灯的位置，也只有一行 代码如下:”index_slide”></div>　对于这种需要耗时的代码，最好是放在页面最后面加载，然后用innerhtml的方法加载到对应位置，达到加快页面打开速度...
跨浏览器的设置innerHTML方法
01-19
问题总结如下： 在各种浏览器上的创建方式和使用方法不一致 各个浏览器对响应的缓存策略有所不同 浏览器存在跨域获取限制 前两个问题可以通过封装 XMLHTTPRequest 对象来解决，第三个问题的解决方法有很多中，...
js innerHTML 改变div内容的方法
01-21
但是，使用innerHTML需要一些准备，如果你希望能够利用它轻松，可靠。首先，你必须给予部分要更改身份证。与标识到位，你将能够使用getElementById功能，适用于所有的浏览器。在您认为建立您现在就可以操纵文字的...
教你jquery 如何使用innerHTML
sinat_34163739的博客
11-21 3801
$("#responsediv") 是个Jquery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[0].innerHTML=msg 就可以获得这个Dom对象使用innerHTML。 我还以为是jQuery的一个bug  原来是这样用innerHTML属性啊- -
jquery 如何使用innerHTML
热门推荐
aaa1117a8w5s6d的专栏
07-26 6万+
$("#responsediv")是个Jquery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[0].innerHTML=msg就可以获得这个Dom对象使用innerHTML。 $("#tabs").innerHTML  是无意义的，innerHTML是DOM元素的属性。document.getEle
InnerHtml() 与html( )的区别
weixin_34191734的博客
03-24 553
InnerHtml() 与html( )的区别   在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。   innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签   我原本一直以为innerHTML和jquery里的html其实是完全一样的，j...
innerHTML的用法
bytxl的专栏
10-09 6993
参考：http://blog.sina.com.cn/s/blog_3efffdd501000b9z.html innerHtml用法 function Test(){       var str="";       str+="Hello,";       str+="This is a Test!";       str+="I Love you;";
jQuery中没有innerText、innerHtml
azrael6619的专栏
09-19 753
本人第一次使用jQuery。 发现如果我在div或者其他非表单的标签中赋值，原本用普通的js就直接document.getElementById("id").innerHtml（或者其他几个）就可以了。 但是在jQuery中不行 例如： document.getElementById("t").innerHTML="ddddddddddd";     -----------A $("#t...
innerHTML的基本用法
qq_35395612的博客
08-01 3万+
定义：innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 /*这串代码的var a的变量是我瞎写的。我忘记js咋样定义变量了，我是魔鬼我错了*/ &lt;p id="aa"&gt;...&lt;/p&gt; &lt;script&gt; var a=1; document.getElementById("aa").innerHTML=a; &lt;/scr...
innerHtml() 与html( )的区别
MR_SNAIL的博客
04-03 2203
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签。 一直以为innerHTML和jquery里的html()其实是完全一样的，jquery是多此一举了,然而并不是。看个示例： var tbody=d...
jquery 如何使用innerHTML
zunguitiancheng的专栏
06-21 2457
$("#responsediv")是个jQuery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[0].innerHTML=msg就可以获得这个Dom对象使用innerHTML。 $("#tabs").innerHTML  是无意义的，innerHTML是DOM元素的属性。document.getE
innerHTML 用法
yihuei123的专栏
04-23 6602
用法：比如在中写了如下的代码：现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。例如top.innerHTML="";就可以在top对应的位置出现一个button了！爽吧，在公告前加javascript就行老，直接改HTML。。。function Test(){        var str="";        str+="Hel
jQuery.html()和innerHTML在IE8中失效
beny
02-28 6024
代码如下： 在IE8上运行起来，下拉框中任何选项都没有，加打印发现块中没有任何数据 正常现象应该是有两个选项才对 而在IE11上又能正常显示，看来是在IE8中 opt_html 中的内容没有填充进去 把 $("MDVR_MAIN_[CH]_BRM").html(opt_html); 换成原生写法  document.getElementById('MD
innerhtml中的方法如何使用
最新发布
06-09
`innerHTML` 是一个 DOM 元素属性，用于设置或获取该元素的 HTML 内容。可以通过以下方式使用： 1. 获取元素的 HTML 内容： ```javascript const element = document.getElementById('example'); const htmlContent = element.innerHTML; console.log(htmlContent); ``` 2. 设置元素的 HTML 内容： ```javascript const element = document.getElementById('example'); element.innerHTML = '<h1>Hello World</h1>'; ``` 需要注意的是，设置 HTML 内容时，原有的内容会被替换，包括其中的事件处理程序和子元素。因此，需要特别注意 XSS（跨站脚本攻击）的问题，避免恶意脚本注入。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值