生成新行的javascript 代码

sngg_yang

浏览: 32343 次
来自: ...

最近访客更多访客>>

独浮云

Smiling_boy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (42)

社区版块

存档分类

JavaScript HTML J#浏览器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language=JavaScript>
function fAddAttach(){

var tdHTML='<input type="text" name="attachfile" size=40>';
var Attach=document.getElementById("base");
var tr=document.createElement("TR");
var tdl = document.createElement("TD");
var tdr = document.createElement("TD");
tdl.innerHTML=tdHTML;
tdl.colSpan=2;
//tdl.style.textAlign="right";
alert(tdl.outerHTML);
tdr.innerHTML=tdHTML;
tdr.colSpan=2;
//alert(tdl.innerHTML);
//alert(tdr.innerHTML);
tr.appendChild(tdl);
tr.appendChild(tdr);
//alert(tr.innerHTML);
Attach.appendChild(tr);
//alert(Attach.innerHTML);
}

</script>
</head>

<body>
<form action="" method="post" name="form" enctype="multipart/form-data">
<table border=1>
<tbody id="base">
<tr>
<td colspan="2">ddd</td><td colspan="2">aaa</td>
</tr>
<tbody>
</table>
<input type="button" onclick="fAddAttach()" value="增加" />

</form>

</body>
</html>

附：操作Dom 几个操作函数
var flag = 0;

function startAction() {
//获取tbody标签
var mybody = document.getElementById("tableName");

//创建所有的单元格

// 创建一个<tr>元素
mycurrent_row = document.createElement("tr");

// 创建一个<td>元素
mycurrent_hidden = document.createElement("td");
//判断浏览器
if (window.ActiveXObject) {
mycurrent_hidden.setAttribute("className","displaynone");
} else if (window.XMLHttpRequest) {
mycurrent_hidden.setAttribute("style","display: none;");
}
mycurrent_cell5 = document.createElement("td");
mycurrent_cell1 = document.createElement("td");

mycurrent_department = document.createElement("td");
mycurrent_business = document.createElement("td");

mycurrent_cell2 = document.createElement("td");
mycurrent_cell3 = document.createElement("td");
mycurrent_cell4 = document.createElement("td");

//创建一个文本节点
var hiddenInput = document.createElement("input");
hiddenInput.type = "hidden";
hiddenInput.name = "status" + flag;
hiddenInput.value = "1";

var auditUserInput5 = document.createElement("input");
auditUserInput5.type = "checkbox";
auditUserInput5.name = "check" + flag;

var auditUserInput1 = document.createElement("input");
auditUserInput1.type = "text";
auditUserInput1.name = "linkman" + flag;

var departmentInput = document.createElement("input");
departmentInput.type = "text";
departmentInput.name = "linkmanDepartment" + flag;

var businessInput = document.createElement("input");
businessInput.type = "text";
businessInput.name = "linkmanBusiness" + flag;

var auditUserInput2 = document.createElement("input");
auditUserInput2.type = "text";
auditUserInput2.name = "linkmanphone" + flag;

var auditUserInput3 = document.createElement("input");
auditUserInput3.type = "text";
auditUserInput3.name = "linkmanTel" + flag;

var auditUserInput4 = document.createElement("input");
auditUserInput4.type = "text";
auditUserInput4.name = "linkmanEmail" + flag;

mycurrent_cell5.setAttribute("className", "checkboxtd");

// 将创建的文本节点添加到<td>里
mycurrent_hidden.appendChild(hiddenInput);
mycurrent_cell5.appendChild(auditUserInput5);
mycurrent_cell1.appendChild(auditUserInput1);

mycurrent_department.appendChild(departmentInput);
mycurrent_business.appendChild(businessInput);

mycurrent_cell2.appendChild(auditUserInput2);
mycurrent_cell3.appendChild(auditUserInput3);
mycurrent_cell4.appendChild(auditUserInput4);

// 将列<td>添加到行<tr>
mycurrent_row.appendChild(mycurrent_hidden);
mycurrent_row.appendChild(mycurrent_cell5);
mycurrent_row.appendChild(mycurrent_cell1);

mycurrent_row.appendChild(mycurrent_department);
mycurrent_row.appendChild(mycurrent_business);

mycurrent_row.appendChild(mycurrent_cell2);
mycurrent_row.appendChild(mycurrent_cell3);
mycurrent_row.appendChild(mycurrent_cell4);
// 将行<tr>添加到<table>
mybody.appendChild(mycurrent_row);

var count = document.getElementById("flagCount");
count.value = flag + 1;

flag++;
}

//倒序删除
function delRows() {
var nodeList = table1.tBodies[0];
if (nodeList.childNodes.length > 1){
nodeList.removeChild(nodeList.childNodes[nodeList.childNodes.length - 1]);
}
}

function deleteElement() {
var mybody = document.getElementById("tableName");
var checkBoxs = document.getElementsByTagName("input");
var tmp = checkBoxs.length;
var checkArray = new Array();
var j=0;
for (var i=0;i<tmp; i++) {

if (checkBoxs[i].type == "checkbox" && checkBoxs[i].checked) {

checkArray[j] = checkBoxs[i].parentNode.parentNode;
j++;
}
}
for(var k = 0; k < checkArray.length; k ++ ) {

if (checkArray[k].firstChild.nodeName == "#text") {

if (checkArray[k].firstChild.nextSibling.firstChild.value == "1") {

mybody.removeChild(checkArray[k]);
// document.addform.flag.value = document.addform.flag.value-1;
} else if (checkArray[k].firstChild.nextSibling.firstChild.value == "2") {

checkArray[k].firstChild.nextSibling.firstChild.value = "3";

checkArray[k].style.display="none";
}
} else {
if (checkArray[k].firstChild.firstChild.value == "1") {
mybody.removeChild(checkArray[k]);
} else if (checkArray[k].firstChild.firstChild.value == "2") {
checkArray[k].firstChild.firstChild.value = "3";
// alert(checkArray[k].firstChild.firstChild.value);
checkArray[k].style.display="none";
}
}

}

}

分享到：