亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

實現(xiàn)元素的動態(tài)添加

asal 2019-03-28 22:05:31 178
abstrak：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>實戰(zhàn)熱身</title> </head> <body> <input type="text"&nbs 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>實戰(zhàn)熱身</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(){
			// 創(chuàng)建元素  li
			let li = document.createElement('li');
			// 獲取文本框內(nèi)容
			li.innerHTML = input.value;
			// 添加數(shù)據(jù)
			ul.appendChild(li);
			// 清空文本框
			input.value = '';
		}

	</script>

</body>
</html>


Guru membetulkan：西門大官人Masa pembetulan：2019-03-29 09:50:00
Rumusan guru：流程很清晰，請思考一下，document.getElementsByName這樣頻繁使用的語句寫起來很長。如何“偷懶”呢？

Nota Keluaran

Penyertaan Popular