您的位置：首页 > 职场人生

JAVA企业面试题精选 Web基础 41-42

2017-08-09 08:49 826 查看

1.41.用JS动态添加表格行,删除表格行

参考答案:

<html>
<head>
<title>Q041.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//为表格添加行
function addRow(){
//得到表格对象
var table = document.getElementById("table1");
//创建新行
var row = table.insertRow(table.rows.length);
//为行创建id单元格
var idCell = row.insertCell(0);
idCell.innerHTML = document.getElementById("txtID").value;
//为行创建name单元格
var nameCell = row.insertCell(1);
nameCell.innerHTML = document.getElementById("txtName").value;
//为行创建操作按钮的单元格
var buttonCell = row.insertCell(2);
var button = document.createElement("input");
button.value = "删除";
button.onclick = function(){
delFunc(this);
};
buttonCell.appendChild(button);
}

//删除按钮的单击事件
function delFunc(btnObj){
var isDel = confirm("真的要删除吗?");
if(!isDel)
return;

//找到当前行的ID
var rowObj = btnObj.parentNode.parentNode;
var id = rowObj.getElementByTagName("td")[0].innerHTML;
//循环行,根据id定位需要删除的行,并删除
var table = document.geElementById("table1");
for(var i = 1; i < table.rows.length; i++){
if(table.rows[i].cells[0].innerHTML == id){
table.deleteRow(i);
break;
}
}
//提示
alert("删除ID为" + id + "的数据.");
}
</script>
</head>
<body>
ID:
<input type="text" id="txtID"/>
Name:
<input type="text" id="txtName"/>
<input type="button" value="增加" onclick="addRow();"/>
<br/>
<br/>
<table id="table1">
<tr class="header">
<td>
产品ID
</td>
<td>
产品名称
</td>
<td></td>
</tr>
<tr>
<td>
1
</td>
<td>
book1
</td>
<td>
<input type="button" value="删除" onclick="delFunc(this);"/>
</td>
</tr>
</table>
</body>
</html>


1.42.写出一个JavaScript表单验证,验证HTML表单中
<input type="text" name="num" id="num">
输入项必须为数字

参考答案:

<html>
<head>
<title>Q042</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function validate(){
var reg = new RegExp("^[0-9]+$");
var obj = document.getElementById("num");
if(!reg.test(obj.value)){
alert("请输入数字!");
}
}
</script>
</head>
<body>
<input type="text" name="num" id="num">
<input type="button" value="验证数字" onclick="validate()"/>
<br>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航