php机器人聊天对话框,仿机器人聊天窗口（热身）

摘要：

仿机器人聊天窗口仿机器人聊天窗口

提交

//获取元素

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

li.innerHTML = input.value; // 填充内容

ul.appendChild(li); //将内容添加到列表中

input.value = ''; //清空文本框

};

总结：本节的知识点主要是JS对HTML元素的控制。首先，通过标签名字获取到标签。然后，创建列表项。之后，向列表项里面填充内容并把内容添加到列表中。最后，清空文本框。