摘要：<!DOCTYPE html><html><head> <title>聊天實戰(zhàn)熱身</title></head><body><input type="text" name="info"><button >提交</button><ul&
<!DOCTYPE html>
<html>
<head>
<title>聊天實戰(zhàn)熱身</title>
</head>
<body>
<input type="text" name="info">
<button >提交</button>
<ul></ul>
<script type="text/javascript">
// 獲取元素
var input = document.getElementsByName('info')[0];
var button = document.getElementsByTagName('button')[0];
var ul = document.getElementsByTagName('ul')[0];
//
button.onclick = function () {
var li = document.createElement('li');
li.innerHTML = input.value;
ul.appendChild(li); //將li的內(nèi)容顯示列表里面
input.value=''; //清空value內(nèi)容的值
}
// 第一獲取元素[0]不能少的，getElementsByName不能少s的
</script>
</body>
</html>
批改老師：天蓬老師批改時間：2019-01-01 09:17:38
老師總結(jié)：var ul = document.getElementsByTagName('ul')[0]; 試試這樣寫:let ul = document.getElementsByTagName('ul').item(0);也是一樣的,而且現(xiàn)在是推薦的語法