我在写一个程序,<table id="result">里面有多个<tr name="XX">,XX不一样
我想用js把某个特定name的<tr>从<table>里面删除
var resultboard = document.getElementById("result");
for(onetr=resultboard.firstChild;onetr;onetr=onetr.nextSibling)
{}
我现在不知道如何取出onetr里面的name属性值呢?试了好多办法都不行,谢谢大家了
我想用js把某个特定name的<tr>从<table>里面删除
var resultboard = document.getElementById("result");
for(onetr=resultboard.firstChild;onetr;onetr=onetr.nextSibling)
{}
我现在不知道如何取出onetr里面的name属性值呢?试了好多办法都不行,谢谢大家了
问题是onetr你还得判断他的nodeType哦
<!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> new document </title>
</head>
<body>
<table id="userlist">
<tbody>
<tr name="del_one">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr name="del_two">
<td>11</td>
<td>22</td>
<td>33</td>
<td>44</td>
</tr>
<tr name="del_three">
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
</tr>
<tr name="del_three">
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
</tr>
<tr name="del_two">
<td>11</td>
<td>22</td>
<td>33</td>
<td>44</td>
</tr>
</tbody>
</table>
<input type="button" value="Del" id="del_btn"/>
<script type="text/javascript">
function Del(del_h) {
var tbl = document.getElementById('userlist'), rows = tbl.rows, l = rows.length;
for (var i = l - 1; i >= 0; i--) del_h[rows[i].getAttribute('name')] && tbl.deleteRow(i);
}var delname = {
'del_one': true,
'del_tow': false, // false为不删除的name
'del_three': true
};
document.getElementById('del_btn').onclick = function() {
Del(delname);
}
</script>
</body>
</html>