根据老师的自己在敲了一遍,页面是真的丑

Original 2018-12-18 11:51:50 219
abstract:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>模仿机器人的聊天</title></head><style type="text/css">button:hover{ 

QQ图片20181218114901.png

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>模仿机器人的聊天</title>
</head>
<style type="text/css">
button:hover{
 background:red;
 cursor: pointer;
}
</style>
<body>
 <div style="width: 250px;height: 400px;border: 1px solid #ccc;margin: 15px auto 0px;background: #ccc;">
    <div style="height: 76%;width: 100%;">
        <ul>
        </ul>
    </div>
    <div style="height: 13%;width: 220px;margin:  5px auto;background: seagreen;">
       <textarea name="text" cols="20" rows="3"></textarea>
       <button>发送</button>
    </div>
 </div>
 <script type="text/javascript">
  //获取元素
  //通过元素的name获取元素
  let textarea=document.getElementsByName('text').item(0);
  //通过元素的TagName获取元素
  let button=document.getElementsByTagName('button').item(0);
  let ul=document.getElementsByTagName('ul').item(0);  //创建button的点击事件
  button.onclick=function(){
   //创建li标签
   let li=document.createElement('li');
   //向li标签里面添加内容
   li.innerHTML=textarea.value;
   //将内容添加到列表项
   ul.appendChild(li);
   //清空textarea.value的值
   textarea.value='';
  }
 </script>
</body>
</html>

Correcting teacher:韦小宝Correction time:2018-12-18 11:56:28
Teacher's summary:页面的确不太好看!这个你可以再做修改啊!并不是很复杂啊!

Release Notes

Popular Entries