innerHTML的用法

最新推荐文章于 2023-08-14 14:04:16 发布

前端老码农

最新推荐文章于 2023-08-14 14:04:16 发布

阅读量509

点赞数

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

原文链接：https://www.mk2048.com/blog/blog.php?id=hikhakbi1hib&title=innerHTML%E7%9A%84%E7%94%A8%E6%B3%95

版权

前端专栏收录该内容

2065 篇文章 12 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    #div1 {width: 200px;height: 200px;border: 1px solid black;}
</style>
</head>

<body>
<input id="txt1" type="text">
<input id="put1" type="button" value="改文字" />
<br/><br/>
<div id="div1"></div>
<script>
    var otxt=document.getElementById('txt1');
    var oput=document.getElementById('put1');
    var odiv=document.getElementById('div1');
    oput.onclick=function()
    {
        odiv.innerHTML=otxt.value;/*innerHTML里面就是正常的HTML，可以放上p、h1等*/
    }
</script>
</body>
</html>