JS添加input text、input button

<body>
<form id="form1" runat="server">
<div id="div1" class="a1" name="aaa">
<input type="text" class="a3" name="name" value="3" />
<input type="text" name="name" value="4" />
</div>
<input type="button" onClick="add()" value="增加">

</form>
</body>

<script>
function add() {
var a = document.getElementById("div1"); //定位
var liElement = document.createElement('span'); // 创建元素
var inputElement = document.createElement('input'); //创建input
inputElement.id = "btnTxt";
inputElement.type = "text";
inputElement.name = "txtJump";
inputElement.style.width = "30px"
liElement.appendChild(inputElement);
a.appendChild(liElement);
var inputElement = document.createElement('input'); //创建input
inputElement.type = "button";
inputElement.id = "btnJump";
inputElement.name = "jumpBtn";
inputElement.value = "跳转";
liElement.appendChild(inputElement);
a.appendChild(liElement);
}

</script>

posted @   過朢  阅读(194)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示