📄 可编辑table.html
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html";charset="GB2312">
<title>JavaScript Book--代码6-24</title>
<script language="JavaScript" type="text/JavaScript">
<!-- 增加行 -->
function addRow(){
//得到当前最大行号
var maxSeq = parseInt(document.getElementById("maxSeq").value);
maxSeq++;
var tableBody = document.getElementsByTagName("tbody")[0];
var newTr = document.createElement("tr");
var newCell0 = document.createElement("td");
var newCell1 = document.createElement("td");
var newCell2 = document.createElement("td");
newCell0.innerHTML = "<input type='checkbox' name='ifCheck' value='"+ maxSeq +"'>";
newCell1.innerHTML = "<input type=text name=field_"+ maxSeq+">";
newCell2.innerHTML = "<input type=text name=field_"+ maxSeq+">";
newTr.appendChild(newCell0);
newTr.appendChild(newCell1);
newTr.appendChild(newCell2);
var attr = document.createAttribute("rowid");
//设置业务ID
attr.value= parseInt(1000 * Math.random());
newTr.setAttributeNode(attr);
newTr.setAttribute("id",maxSeq);
newTr.setAttribute("onclick","say("+maxSeq+")");
tableBody.appendChild(newTr);
document.getElementById('maxSeq').value=maxSeq;
}
<!-- 删除行 -->
function delRow(){
var delChecks = document.getElementsByName('ifCheck');
var tableBody = document.getElementsByTagName('tbody')[0];
var delRows = new Array(delChecks.length); <!--用于存放要删除的那一行的情况，默认的为所有删除-->
var delid = 0;
for(i=0;i<delChecks.length;i++){
//alert("i="+i);
if(delChecks[i].checked){
//alert(delChecks[i].value);
delRows[delid++] = document.getElementById(delChecks[i].value);
}
}
for(i=0;i<=delid;i++){
if(delRows[i]!=null&&delRows[i].nodeType==1){
tableBody.removeChild(delRows[i]);
}
}
}
</script>
</head>
<body>
<input type="hidden" id="maxSeq" value=0>
<table border=2 width=380>
<tr onclick=say('test')>
<th>选择
</th>
<th>部门名称
</th>
<th>部门领导
</th>
</tr>
</table>
<input type="button" onclick=addRow() value="增加行">
<input type="button" onclick=delRow() value="删除行">
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -