html的属性操作实例

来源：互联网发布：中国游戏中心 mac 编辑：程序博客网时间：2024/06/15 22:26

聊天的对话框

这里写代码片   **##聊天的对话框 ![这里写图片描述](http://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>

阅读全文

0 0