javascript 中innerHTML的用法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/HeSasa/article/details/80806415

javascript 中innerHTML的用法

语法

  1. Object.innerHTML = “HTML”;//设置其内容
  2. var html = Object.innerHTML;//获取其内容

例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        #div1{
            height: 200px;
            width: 200px;
            background: #E8E1E1;
            margin-top: 10px;
        }
    </style>
    <script>
        window.onload=function(){
            var oTxt = document.getElementById('txt');
            var oBtn = document.getElementById('btn');
            var oDiv = document.getElementById('div1');

            oBtn.onclick = function(){
                oTxt.innerHTML = oDiv.value;
            }
        }
    </script>
</head>
<body>
    <input type="text" id="txt">
    <input type="button" value="提交" id="btn">
    <div id="div1"><p>哈哈哈哈哈哈哈哈</p></div>
</body>
</html>
展开阅读全文

没有更多推荐了,返回首页