页面源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ccccc</title>
</head>
<body>
<div class="place">
<div id="board" style="padding-left: 15px">
<form action="/test/asc.do?m=create" method="post"
onsubmit="return check2();">
<table class="add">
<td align="right">
</td>
<td align="left">
<span id="upload">
<div id="div_0">
<input type="text" style="height: 16px" size="30"
name="configure" />
<a href='javascript:void(0)' onclick="removeInput2('div_0')">删除</a>
</div> </span>
</td>
</tr>
<tr>
<td colspan="4" class="add">
<input type="button" name="button" value="ADD"
onclick="createInput()">
<input type="button" name="button" value="ADD2"
onclick="createInput2()">
<input type="button" name="button" value="cs" onclick="cs()" />
</td>
</tr>
<tfoot>
<tr>
<td></td>
<td>
<input type="text" name="userId2" />
<input type="submit" class="button" id="Submit1" value="确定" />
</td>
</tr>
</tfoot>
</table>
</html>
</div>
</div>
<script>
var div0_outerHTML=document.getElementById("div_0").outerHTML;
var i=1;
function createInput2(){
alert(div0_outerHTML);
var div_outerHTML = div0_outerHTML.replace(/_0/g, "_"+i);
var shtml=document.getElementById("upload").innerHTML;
document.getElementById("upload").innerHTML = shtml + div_outerHTML;
i++;
}
function removeInput2(DIVID){
var aElement = document.getElementsByName("configure");
if(aElement.length==1){
alert("最后的数据 不要删除");
return ;
}
document.getElementById(DIVID).outerHTML="";
}
function createInput(){
var p=document.createElement("div");
p.id="div"+i;
var aElement=document.createElement("input");
//aElement.name="configure";
aElement.setAttribute("name","configure");
aElement.id="configure";
aElement.type="text";
aElement.size="30";
var A = document.createElement("A");
A.onclick = function (){removeInput(p.id);};
A.setAttribute("href","javascript:void(0)");
A.appendChild(document.createTextNode("删除"));
p.appendChild(aElement);
p.appendChild(A);
if(document.getElementById("upload").appendChild(p) == null)
{
return false;
}
i++;
return true;
}
function removeInput(divid){
var aElement = document.getElementById("upload");
var parent= document.getElementById(divid);
alert(divid);
alert(parent)
alert(parent.id);
if(aElement.removeChild(parent) == null) {
return false;
}
return true;
}
function check2(){
var aElement = document.getElementsByName("configure");
alert(aElement);
alert(aElement.length);
for(j=0;j<aElement.length;j++){
alert(aElement[j].value)
}
return true;
}
function cs(){
alert( document.getElementById("upload").outerHTML);
}
</script>
</body>
</html>
document.createElement 动态添加 input与A有如下两个问题(IE7)
1. var aElement=document.createElement("input");
//aElement.name="configure";
aElement.setAttribute("name","configure");
上述方法 name属性无法赋值
解决方案:aElement.id="configure"; 设置Id属性
2 A.setAttribute("onclick","removeInput(p.id)");
解决方案: A.onclick = function (){removeInput(p.id);};
分享到:
相关推荐
JS写图层方法.document.createElement(div).
使用document.createElement:let el = document.createElement(“ div”)el.className =“包装器” let输入= document.createElement(“ input”)input.setAttribute(“ type”,“ text”)let button = ...
document.createElement("A")比较不错的属性
代码如下:var Rash=true; var msg=””; function norash() { if (confirm(“确定要取消吗”)) Rash=false; } function rashit() { setInterval(‘getrss()’,Int... script=document.createElement(‘sc
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意...
//定义方法创建一个label标签 //*************************************// 代码如下: var createLabel = function(id, name, value) { var label_var = document.createElement(“label”); var label_id = document...
Js代码: var tempForm = document.createElement("form"); ... tempForm.method="post";... var tempInput = document.createElement("input"); tempInput.type="hidden"; tempInput.name
iframe 的name可以是link或者form的target,将link或form打开到这个iframe上。 之前在IE遇到过设置不了iframe的name属性 JavaScript代码 var iframe = document.createElement('iframe'); iframe.name = 'ifr'; //...
主要介绍了IE9+已经不对document.createElement向下兼容的解决方法,需要的朋友可以参考下
var input = document.createElement(‘input’); var button = document.createElement(‘input’); input.type =’text’; input.id= ‘text’; input.value =’1′; button.type=’button’; ...
今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 代码如下: var inputObj = ...
javascript中createElement的两种创建方式.docx
下载文件的几种方式 源文件.
搞了一天,终于把A里面的属性弄出来 代码1: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]代码2: New Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JavaScript为select添加option <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>测试文件</title> [removed] [removed] = function(){ //创建select控件 var _...
var _div = document.createElement('div'); _div.style.height =“ 25”; _div.style.width =“ 100%”; _div.style.position =“ fixed”; _div.style.top =“ auto”; _div.style.bottom =“ 0”; _div.align...
写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1、先用document.createElement方法创建一个input元素! var newInput = document.createElement(...
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...