JS创建HTML标签

最新推荐文章于 2022-09-07 10:13:43 发布

Andy_Dou

最新推荐文章于 2022-09-07 10:13:43 发布

阅读量313

点赞数

分类专栏： JavaScript 文章标签： HTML JavaScript ViewUI

本文链接：https://blog.csdn.net/Andy_Dou/article/details/83636745

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
var count = 0;
function Add(){
   count += 1;
   var File1 = document.getElementById("file1");
   var div = document.createElement("div");
   var btnJiaHao = document.createElement("input");
   btnJiaHao.type = "button";
   btnJiaHao.value = "+";
   btnJiaHao.id = count;
   btnJiaHao.onclick = function(){
   		jiahao(this);	
   }
   var inputTxt = document.createElement("input");
   inputTxt.type = "text";
   inputTxt.name = "txt"+count;
   inputTxt.id = "txt_"+count;
   inputTxt.value = "0";
   var btn = document.createElement("input");
   btn.type = "button";
   btn.value = "-";
   btn.id = count;
   btn.onclick = function(){
       jianhao(this);
   }
  
   div.appendChild(btnJiaHao);
   div.appendChild(inputTxt);
   div.appendChild(btn);
   File1.appendChild(div);
}
function jianhao(t){
	var txt_id = "txt_" + t.id;
	var v = document.getElementById(txt_id).value;
	v = v - 1;
	document.getElementById(txt_id).value = v;
}
function jiahao(t){
	var txt_id = "txt_" + t.id;
	var v = document.getElementById(txt_id).value;
	v = parseInt(v) + 1;
	document.getElementById(txt_id).value = v;
}
</script>

<input type="button" name="button" value="增加" οnclick="Add();" />
<div id="file1"></div>