用JavaScript编写动态输入框

最新推荐文章于 2023-07-19 14:15:35 发布

路边小吕

最新推荐文章于 2023-07-19 14:15:35 发布

阅读量1k

点赞数 1

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qiandaiyangzi/article/details/127811510

版权

执行效果：

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>增加与删除</title>
	</head>
	<body>
		<!-- 新增按钮 -->
		<input type="button" onclick="add()" value="新增" />
		<ul>
			<li>
				<p>
					<!-- 文本框 -->
					<input type="text" placeholder="请输入内容">
					<!-- 删除按钮 -->
					<input type="button" onclick="del(this)" value="删除">
				</p>
			</li>
		</ul>
		<script>
			// 添加文本框
			function add(){
				// 新建li标签对象
				var liNode = document.createElement("li");
				// 新建p标签对象
				var pNode = document.createElement("p");
				// 向p标