$("#id").html(代码内容) VS document.getElementById("id").innerHTML="代码内容";

最新推荐文章于 2024-02-02 14:29:38 发布
原创 最新推荐文章于 2024-02-02 14:29:38 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了使用jQuery和原生JavaScript操作DOM元素的不同方式。通过示例展示了如何设置HTML内容，并强调了两种方法在语法上的差异。


jquery 可以写成： $("#id").html(代码内容)，用括号将代码内容括起来,html小写即可

javascript写成：document.getElementById("id").innerHTML="代码内容";  注意：代码内容不能用括号括起来，只能用=（“”）; 的模式，HTML全部大写，小写不成功


注意两者的区别

javascript中innerHTML 获取或替换html内容的实现代码
10-15
</div>`，通过`document.getElementById("myDiv").innerHTML`就能获取到`"Hello, World!"`。 2. **替换内容**：同样，当向innerHTML属性赋值时，它会替换该元素现有的所有HTML内容。例如，`document.getElementById...
一行代码告别document.getElementById
09-05
标题提到的"一行代码告别document.getElementById"就是一种尝试，它旨在为所有主流浏览器提供一种直接通过ID访问DOM元素的方式，同时减少不必要的代码量，提高执行效率。 在过去的Web开发中，尤其是在IE占据主导...
设置标题：$("#id").html("资源设置，当前计划："+distArea);
兴趣是最好的老师
06-18 680
innerhtml php变量,JS中document.getElementById("id").innerHTML之中的id如何用变量表示
weixin_39788382的博客
03-19 300
JS中document.getElementById("id").innerHTML之中的id如何用变量表示0qsnlcax2013.09.03浏览1923次分享举报无标题文档var str_span;function main(str_value,str_span){alert(str_span);//alert(document.getElementById(ajax));alert(docu...
document.getElementById().innerHTML
热门推荐
qq_45330179的博客
11-11 1万+
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：<div id="demo">这是内容</div> 我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容， 如document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容。 ...
document.getElementById(‘xxx‘).innerHTML = lineLink解释
fury的博客
02-02 705
在这个特定的例子中，`document.getElementById('xxx')` 方法获取了 ID 为 `xxx` 的元素，然后将该元素的 `innerHTML` 属性设置为变量 `lineLink` 的值。这意味着该元素将显示 `lineLink` 变量的值。这段代码使用 `document.getElementById()` 方法获取了一个 ID 为 `xxx` 的元素，并将该元素的 `innerHTML` 属性设置为 `lineLink` 变量的值。
document getElementById innerHTML
weixin_43726152的博客
05-06 7281
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如： 这是内容 ，我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容...
用javascript实现jquery的document.ready功能的实现代码
10-29
document.getElementById('test').innerHTML = 'document.ready测试!'; }); alert(document.getElementById('test')); // 在文档未完全加载时，此操作返回null })(); ``` ### 四、代码详解 1. **检测浏览器...
window.print打印指定div实例代码
09-04
var newstr = document.getElementById(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr + newstr + footstr; window.print(); document.body.innerHTML = ...
getElementById 和 $("#id").html()的区别
weixin_34279184的博客
07-12 326
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript的 document.getElementById(‘id‘).innerHTML=““
weixin_51855195的博客
03-28 2211
终于搞出来了 document.getElementById(“id”) 通过页面中的标识来获取元素,括号中写入命名的id元素 document.getElementById(‘id’).innerHTML="" 中的innerHTML=共有两种方法
HTML中document.getElementById()方法的操作
weixin_30773135的博客
05-05 1451
转自：http://blog.csdn.net/pyffcwj/article/details/7240232/ obj = document.getElementById("cc") 其中： obj 是一个对象(Object) 　　　id是一个字符串(String) 意思是： 通过选取页面中的id:cc, 来返回它的第一个的对象（对象是有length和value属性之说的） ...
jquery $("#id").html().append,jQuery .html() vs .append()
weixin_39943799的博客
07-04 283
Whenever you pass a string of HTML to any of jQuery's methods, this is what happens:A temporary element is created, let's call it x. x's innerHTML is set to the string of HTML that you've passed. Then...
jquery 的 $("#id").html() 输不出问题
weixin_30497527的博客
06-04 470
今天在做一个输入用到jquery的.html方法，可是用.html（）输不出来 然后，我加了一个 $("#id").html("<span>"+result+"</span>"); 加上span就行了！！！ 在这里记录一下. 转载于:https://www.cnblogs.com/chenhuzi/archive/2010/06/04/1751643.html...
html中getElementById() 方法
徊忆羽菲
03-15 2904
html中getElementById方法定义和用法语法说明获取元素的value获取元素的innerHTML 定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 语法 document.getElementById(id) 说明 HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 不过，如果您需要查找文档中的一个特定的元素
jQuery中的$("#my_id").html()中一点要注意的
weixin_30797199的博客
11-06 324
注意：第一层 $("#default").html() 最后的括号内如果再次引用一个$（） ，那么则不需要加双引号。 转载于:https://www.cnblogs.com/autoslow/p/4941294.html...
jquery中$(id)与document.getElementById;innerHTML和.html()区别
huitailang200828的专栏
09-29 5120
$(id) 得到的是jquery 对象，是一个对dom 进行包装的对象，html() 是jquery 对象的方法。 document.getElementById("errorPsd") 是dom 对象，可以看作javascript 自带的对象。 $("#errorPsd").htm(); 等效于 document.getElementById("errorPsd").innerHTML
使用$("#codeId").addClass("error");$("#codeId").html("登录名不能为空");向前端添加html代码，前端效果未出来？...
weixin_30256505的博客
07-31 458
$("#codeId").addClass("error"); $("#codeId").html("登录名不能为空"); 判断进行校验登录名为空时，提示信息红色"登录名不能为空"，效果未出现的原因： 1、确定jquery已引入并起效 2、确定选择的id是正确的 3、$("#codeId").html("登录名不能为空"); 4、确保“hidden”属性以去掉，这些$("#nam...
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
见贤思齐焉，见不贤内自省
01-06 5912
DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
document.getElementById("a1").innerHTML =secondd;这行代码报错了
最新发布
10-18
### 报错原因 1. **元素未找到**：`document.getElementById("a1")` 可能无法找到对应的元素。这通常是因为元素的 `id` 拼写错误，或者代码在元素被加载到 DOM 之前就执行了。例如，如果 JavaScript 代码在 HTML 元素之前加载，那么在执行 `document.getElementById("a1")` 时，元素可能还未被解析到 DOM 中，从而返回 `null`。对 `null` 调用 `innerHTML` 属性会导致报错。 2. **变量作用域问题**：如果 `secondd` 变量未正确定义或者作用域不正确，也可能导致问题。不过在原始代码中，`secondd` 已经正确定义在全局作用域中，所以这个问题可能性较小。 ### 解决方案 1. **确保元素存在**： - 确保 HTML 中存在 `id` 为 `a1` 的元素，并且拼写正确。 - 可以将 JavaScript 代码放在 HTML 元素之后，或者在 `DOMContentLoaded` 事件触发后执行代码，确保 DOM 已经完全加载。示例代码如下： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript Timer</title> </head> <body> 已经过去了  <a id="a1" style="color: #FF0000; font-size: 36px;">计时器</a>  秒 <script> document.addEventListener('DOMContentLoaded', function () { let secondd = 0; function timef() { const element = document.getElementById("a1"); if (element) { element.innerHTML = secondd; secondd = secondd + 1; setTimeout(timef, 1000); } } timef(); }); </script> </body> </html> ``` 2. **检查变量作用域**：确保 `secondd` 变量在 `timef` 函数中可以正常访问。在上述代码中，`secondd` 定义在 `DOMContentLoaded` 事件处理函数内部，并且在 `timef` 函数中可以正常访问。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值