好资源导航 » 文章资讯 » javascript中innerHTML 获取或替换html内容的实现代码

javascript中innerHTML 获取或替换html内容的实现代码

2023-07-28 13:59:15 213

innerHTML属性用于获取或替换HTML元素的内容，语法为Object.innerHTML
其中1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；2.注意书写，innerHTML区分大小写。
我们通过id="light"获取

元素，并将元素的内容输出和改变元素内容，代码如下:





innerHTML属性



你好，黑夜20200317

varmystr=document.getElementById('cshi'); mystr.innerHTML="DOM操作"; //document.write(mystr);

通过id获取h2标签元素,并赋给变量mychar,然后使用innerHTML属性，将获取的h2标签内容修改为"Helloworld!"





innerHTML


javascript
JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。

varmychar=document.getElementById('icon');;
document.write("原标题:"+mychar.innerHTML+"
");//输出原h2标签内容
mychar.innerHTML="Helloworld!";
document.write("修改后的标题:"+mychar.innerHTML);//输出修改后h2标签内容

总结

到此这篇关于javascript中innerHTML获取或替换html内容的文章就介绍到这了,更多相关js替换html内容内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

javascript中innerHTML 获取或替换html内容的实现代码

热门推荐

随机推荐