返回聊天信息的生成......登陆

聊天信息的生成原理

至诚网络2019-06-07 14:15:39104
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实战热身: 聊天信息的生成原理</title>
</head>
<body>
<input type="text" name="info">
<button>提交</button>
<ul></ul>

<script>
    // 获取元素
    let input =document.getElementsByName('info')[0];
    let button = document.getElementsByTagName('button')[0];
    let ul = document.getElementsByTagName('ul')[0];

    button.onclick = function () {
        let li = document.createElement('li');
        li.innerHTML = input.value; // 文本框中的内容
        ul.appendChild(li); // 将用户信息显示到列表中
        input.value = ''; //将文本框内容清空
    }
</script>
</body>
</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网