abstract:使用js获取元素name方式获取到input表单的内容使用js获取元素类型tagname的方式获取到按钮使用js获取元素类型tagname的方式获取到UL以上所获取的元素下标是【0】给button按钮一个点击事件函数,当点击button按钮的时候创建一个li元素,把input的值赋值给li元素的内容(使用innerHTML方法)。在ul内部最后面使用appendChild把刚才获得完内容的li添加
使用js获取元素name方式获取到input表单的内容
使用js获取元素类型tagname的方式获取到按钮
使用js获取元素类型tagname的方式获取到UL
以上所获取的元素下标是【0】
给button按钮一个点击事件函数,当点击button按钮的时候创建一个li元素,把input的值赋值给li元素的内容(使用innerHTML方法)。在ul内部最后面使用appendChild把刚才获得完内容的li添加进去。最后使用input.value=''清空一下input框。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <input type="text" name="info" /> <button>提交</button> <ul></ul> <script type="text/javascript"> 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>
Correcting teacher:查无此人Correction time:2019-04-16 09:42:15
Teacher's summary:完成的不错。以后学习了php,可以从数据库读取回复内容,像京东那样做。继续加油