javascript中innerHTML的用法

huangyudeidear

已于 2022-01-27 02:39:33 修改

阅读量881

点赞数 1

分类专栏：前端技术文章标签： javascript 前端 html

于 2022-01-27 02:37:31 首次发布

本文链接：https://blog.csdn.net/qq_41815943/article/details/122711485

版权

前端技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

定义和用法
innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。
语法
Object.innerHTML = “HTML”;// 设置
var html = Object.innerHTML;// 获取
例子 1
获取段落p的 innerHTML（html内容）

 1     <html>
 2     <head>
 3     <script type="text/javascript">
 4     function getInnerHTML(){
 5     alert(document.getElementById("test").innerHTML);
 6     }
 7     </script>
 8     </head><body>
 9     <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
10     <input type="button" onclick="getInnerHTML()" value="点击" />
11     </body>
12     </html>

例子 2
设置段落p的 innerHTML（html内容）

 1  <html>
 2     <head>
 3     <script type="text/javascript">
 4     function setInnerHTML(){
 5     document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";
 6     }
 7     </script>
 8     </head><body>
 9     <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
10     <input type="button" onclick="setInnerHTML()" value="点击" />
11     </body>
12     </html>

huangyudeidear

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript中innerHTML的用法

定义和用法innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。语法Object.innerHTML = “HTML”;// 设置var html = Object.innerHTML;// 获取例子 1获取段落p的 innerHTML（html内容） 1 <html> 2 <head> 3 <script type="text/javascript"> 4 function getInnerHTML()
复制链接

扫一扫