增長刪除控件——DOM節點的添加刪除

時間 2019-11-17

標籤增長刪除控件 dom 節點添加欄目 HTML 简体版

原文原文鏈接

AddDeleteNodel.html： javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>AddDeleteNodel.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<script type="text/javascript">
			function $(id){
				return document.getElementById(id);
			}
			function addFile(){
				var fileSection = $("files");
				fileSection.innerHTML += '<div><input type="file" value="添加附件" /><input type="button" value="刪除" onclick="deleteFile(this)" /><br/></div>';
			}
			function deleteFile(obj){
				obj.parentNode.parentNode.removeChild(obj.parentNode);
			}
			function addFile2(){
				var fileSection = $("files");
				fileSection.createElement("input");
				fileSection.innerHTML += '<div><input type="file" value="添加附件" /><input type="button" value="刪除" onclick="deleteFile(this)" /><br/></div>';
			}
		</script>

	</head>

	<body>
		<input type="button" value="添加記錄" onclick="addFile()" />
		<hr />
		<div id="files">
		</div>

	</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。