摘要：使用js獲取元素name方式獲取到input表單的內(nèi)容使用js獲取元素類型tagname的方式獲取到按鈕使用js獲取元素類型tagname的方式獲取到UL以上所獲取的元素下標(biāo)是【0】給button按鈕一個(gè)點(diǎn)擊事件函數(shù)，當(dāng)點(diǎn)擊button按鈕的時(shí)候創(chuàng)建一個(gè)li元素，把input的值賦值給li元素的內(nèi)容（使用innerHTML方法）。在ul內(nèi)部最后面使用appendChild把剛才獲得完內(nèi)容的li添加
使用js獲取元素name方式獲取到input表單的內(nèi)容
使用js獲取元素類型tagname的方式獲取到按鈕
使用js獲取元素類型tagname的方式獲取到UL
以上所獲取的元素下標(biāo)是【0】
給button按鈕一個(gè)點(diǎn)擊事件函數(shù)，當(dāng)點(diǎn)擊button按鈕的時(shí)候創(chuàng)建一個(gè)li元素，把input的值賦值給li元素的內(nèi)容（使用innerHTML方法）。在ul內(nèi)部最后面使用appendChild把剛才獲得完內(nèi)容的li添加進(jìn)去。最后使用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>
批改老師：查無此人批改時(shí)間：2019-04-16 09:42:15
老師總結(jié)：完成的不錯(cuò)。以后學(xué)習(xí)了php，可以從數(shù)據(jù)庫讀取回復(fù)內(nèi)容，像京東那樣做。繼續(xù)加油