html的属性操作实例

最新推荐文章于 2022-04-07 20:39:01 发布

Kasekale

最新推荐文章于 2022-04-07 20:39:01 发布

阅读量308

点赞数

分类专栏： JS 文章标签：对话框属性操作小实例

本文链接：https://blog.csdn.net/kasekale/article/details/74156999

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

聊天的对话框

这里写代码片   **##聊天的对话框 ![这里写图片描述](https://img-blog.csdn.net/20170702202111081?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvS2FzZWthbGU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)##


------

**
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #div1{width: 240px;height: 200px;border:1px solid #333;background-color: #f1f1f1; padding:10px;}
    </style>
    <script>
        window.onload=function(){
            var oDiv=document.getElementById("div1");
            var oSpan=document.getElementById("span1");
            var oText=document.getElementById("text1");
            var oBtn=document.getElementById("btn1");

            oBtn.onclick=function(){
                oDiv.innerHTML+="妙味:"+oText.value+"<br>";
                oText.value="";
            }
        }
    </script>
</head>
<body>
    <div id="div1"></div>
    <span id="span1">妙味:</span>
    <input id="text1" type="text">
    <input id="btn1" type="button"value="提交">
</body>
</html>