js给指定id的div下面创建元素
来源:互联网 发布:自动整点报时软件 编辑:程序博客网 时间:2024/04/30 08:17
<script language="javascript" type="text/javascript">
var count=0 ;
function additem(id){
count ++;
var cell;
cell = document.getElementById(id);
var unit = document.createElement("div");
unit.className = "unit";
unit.id=count;
cell.appendChild(unit);
var label = document.createElement("label");
label.innerHTML ="选项"+count;
unit.appendChild(label);
var childEles = document.getElementById(count);
var input = document.createElement('input');
input.setAttribute("type", "text");
input.setAttribute("name","content"+count);
input.className = "textInput";
var input1 = document.createElement('input');
input1.setAttribute("type", "button");
input1.setAttribute("value","删除");
input1.setAttribute('onclick',"deleteitem(this,"+count+")");
//var inner = "<input id=\"St"+count+"\" type=\"text\" name=\"St"+count+"\" value= \"St"+count+"\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
//var inner = '<input id=St'+count+' type="text" name=St'+count+' value= St'+count+'><input type="button" value="删除" onClick="deleteitem(this)">';
childEles.appendChild(input);
childEles.appendChild(input1);
var size ="content"+count;
//document.getElementById('size').value += size;
if(document.getElementById('size').value == ''){
document.getElementById('size').value += size;
}else{
document.getElementById('size').value = document.getElementById('size').value + "," + size;
}
}
function deleteitem(obj,count)
{
var tb = document.getElementById('tb');
var Row = obj.parentNode;
tb.removeChild(Row);
}
</script>
<form method="post" action="__URL__/add_query/__MODULE__?callbackType=closeCurrent" class="pageForm required-validate" enctype="multipart/form-data" onsubmit="return validateCallback(this, dialogAjaxMenu)">
<input type="hidden" name="size" id="size" value="" />
<div id="tb">
<!-- <div class="unit"><label>选项1:</label>
<input type="text" class="required" name="content1">
<button onclick="return add();">+</button>
</div> -->
</div>
<div class="formBar">
<ul>
<li><div><input name="button" type="button" onclick='additem("tb")' value="添加>>"/></div></li>
<li><div class="buttonActive"><div class="buttonContent"><button type="submit" onclick="javascript:window.close();">保存</button></div></div></li>
<li><div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div></li>
</ul>
</div>
</form>
- js给指定id的div下面创建元素
- 遍历指定id下的div元素
- jQuery移除指定id的div中指定id的img元素
- js中获取指定ID元素方法和指定类型元素的方法
- 给指定元素的后面追加内容 原生js
- 原生js实现给指定元素的后面追加内容
- js动态创建div等元素实例
- 关于jquery取div下面的id的参数
- js 根据ID或者Class在指定位置添加div
- js 获取元素下面所有的li
- JS 清除HTML 标签下面的元素
- js 删除指定的元素。
- js增加给指定id下图片下增加链接
- js实现给指定元素的后面追加内容的代码
- 批量控制div下面某个元素的宽度
- js中给移除指定数组元素
- js中给移除指定数组元素
- 数据元素的参数ID创建
- Linux入门:Linux历史介绍
- Innodb独立表空间的配置
- 2015年学习计划 -- 努力成为合格程序员
- SSH架构搭建与项目实战
- Java中长度为0的数组与null的区别
- js给指定id的div下面创建元素
- SDN控制器之POX篇
- infinidb 更改数据存储路径
- Cygwin配置教程(一)
- Type mismatch: cannot convert from CharFragment to Fragment错误
- Mysql 视图
- ARM知识汇总
- JavaScript DOM学习(1)
- linux 定时任务