JQuery 不能使用 innerHTML 与代替方式

最新推荐文章于 2024-05-22 22:44:58 发布
最新推荐文章于 2024-05-22 22:44:58 发布
阅读量2.3k 收藏
点赞数
分类专栏： jsp JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Xlyxcar/article/details/80167772
版权
本文讨论了在JQuery中遇到的使用innerHTML的问题及其替代方法。当尝试更新DOM元素时，发现JQuery的html()方法无法直接替代innerHTML。文章介绍了两种解决方案：一是使用JQuery的html()方法，特别是对于类选择器的情况；二是针对秒数后多余的".0"问题，提出了在控制器中或jsp中修改的策略，通过字符串替换来修正日期格式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

其实这里纪录的都是工作上同事编写时出现的问题及思考，因为我现在负责的模块暂时不涉及日期。

前后端数据传输问题

这一方面是我的薄弱项，以后会慢慢加强。一次任务中发现了两个问题：

  1. 异步加载使用了ResponseBody将对象转为json，对象中的Date对象也随之变成了时间戳
  2. 数据库传来的日期中，秒数后面有个.0，在页面上十分扎眼。

第一个问题在 上一篇博客：使用JavaScript将时间戳转为日期 已经解决了一半，之所以是一半是因为如标题所示，JQuery 不能使用 innerHTML 这个问题困扰了我许久，百度之后才找到了原因并解决。

第二个问题有两种解决方式，分别是在控制器层解决或在jsp文件中解决。

1. JQuery 的 html()

替代方法就是将原本

document.getElementById("id").InnerHTML = "填充代码";

替换成

$("#id").html("填充代码");
/

最低0.47元/天 解锁文章
如何使用jQuery替换div的innerHTML？
asdfgh0077的博客
04-05 3101
How could I achieve the following: 我怎样才能实现以下目标： document.all.regTitle.innerHTML = 'Hello World';
innerHtml（转）
03-01
博文链接：https://aideqianfang.iteye.com/blog/246585
jQuery中没有innerText、innerHtml
azrael6619的专栏
09-19 802
本人第一次使用jQuery。 发现如果我在div或者其他非表单的标签中赋值，原本用普通的js就直接document.getElementById("id").innerHtml（或者其他几个）就可以了。 但是在jQuery中不行 例如： document.getElementById("t").innerHTML="ddddddddddd";     -----------A $("#t...
innerHTML 用法
yihuei123的专栏
04-23 6727
用法：比如在中写了如下的代码：现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。例如top.innerHTML="";就可以在top对应的位置出现一个button了！爽吧，在公告前加javascript就行老，直接改HTML。。。function Test(){        var str="";        str+="Hel
除了innerHTML，还有什么更好的方法
Alisa_94的博客
11-14 3235
嫌innerHTML性能不够好，推荐几个新方法) innerHTML我们都很熟悉，并且在初学js的时候用的很多，也很方便，比一个个创建dom元素，再利用appendChild拼接方便多了，但是当我们要处理的量比较大时，innerHTML就GG了，看过网上别人分享的一些改进方法，在这里也整理一下分享给大家。 第一种解决方案： 使用insertAdjacentHTML()方法， 这个方法接收两...
IE的Tbody中的innerHTML代替方案
转载资源,方便查询
01-14 408
[code="js"]var tr = tbody.insertRow(tbody.rows.length);//在给定的tbody后创建 var td = tr.insertCell(tr.cells.length); td.innerHTML = "内容";[/code]
you-dont-need-jquery：“您可能不需要jQuery”的下一个进化状态，因为您绝对不需要jQuery
02-03
"you-dont-need-jquery"项目正是基于这样的理念，它展示了如何在不依赖jQuery的情况下，使用现代JavaScript来完成相同的工作。 1. **DOM操作**： - jQuery中的`$(selector)`可以被`document.querySelector`或`...
Jquery与Prototype混合用法对比
12-07
这样，后续的代码可以使用"JQ"代替"$"来调用jQuery的方法，而Prototype的"$"函数不受影响。例如： ```javascript <script src="http://jquery.com/src/latest/"></script> JQ = $; //rename $ function ...
JavaScript中利用jQuery绑定事件的几种方式小结
10-22
本文将介绍几种在JavaScript中利用jQuery库来绑定事件的方法，同时也包括在不使用jQuery的情况下，利用纯JavaScript实现事件绑定的方式。 ### 1. 使用jQuery绑定事件 #### 方法一：直接使用jQuery对象的事件方法 ...
JQUERY 对象与DOM对象之两者相互间的转换
10-30
jQuery对象与DOM对象不能直接通用，因为它们操作的方法不同。例如，DOM对象使用innerHTML来获取元素内的HTML内容，而jQuery对象使用.html()方法。 由于它们之间的不同，所以当我们需要在jQuery对象和DOM对象之间...
innerHTML 的新替代方案
前端全栈开发者
05-22 1033
浏览器支持说明：所有浏览器都支持。setHTML仍在标准化中，仅在 Firefox 中可用。自版本 125 起在 Chrome 和 Edge 中受支持。浏览器最近实施了一种新的方法。这里的Unsafe意味着，就像innerHTML一样，它不执行输入清理。这种命名方式与以前的浏览器 API 并不一致：我们有innerHTML，但没有；有eval()，但没有，等等。但与老方法不同的是，它既有安全版本（setHTML），也有不安全版本（）–这就是命名的由来。
innerHTML的使用
06-14
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
教你jquery 如何使用innerHTML
sinat_34163739的博客
11-21 3852
$("#responsediv") 是个Jquery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[0].innerHTML=msg 就可以获得这个Dom对象使用innerHTML。 我还以为是jQuery的一个bug  原来是这样用innerHTML属性啊- -
innerHTML
敬畏生命 热爱生活
10-10 1156
几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。 （获取HTML当前标签的起始和结束里面的内容） nnerHTML不可写为innerHtml或是其他形式，大小写要严格遵守，不然无法获取或者设置数据 ==============================================================
jquery如何使用innerhtml
最新发布
12-19
jQuery是一个流行的JavaScript库，它简化了DOM操作。如果你想使用`innerHTML`属性来动态改变HTML元素的内容，可以这样做： 1. 首先，确保已经引入jQuery库到你的网页中，你可以通过CDN链接或本地引用的方式引入。 ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 2. 然后，选择你需要更改内容的元素，比如ID、class名或其他CSS选择器。 ```javascript var $element = $('#yourElementId'); // 或者 $('.yourClassName'); ``` 3. 使用`.html()`方法来设置元素的`innerHTML`，传递新的HTML内容给这个函数。 ```javascript $element.html('新的HTML内容'); ``` 例如，如果你想替换id为"example"的div的内容为一段文本，你可以这样做： ```javascript $('#example').html('这是一段新的文本'); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值