700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html表格获取当前行数原生js JavaScript获取表格(table)当前行的值 删除行 增加行...

html表格获取当前行数原生js JavaScript获取表格(table)当前行的值 删除行 增加行...

时间:2024-01-12 00:00:14

相关推荐

html表格获取当前行数原生js JavaScript获取表格(table)当前行的值 删除行 增加行...

Js获取 table当前行的值

var selectedTr = null;

function c1(obj) {

obj.style.backgroundColor = 'blue'; //把点到的那一行变希望的颜色;

if (selectedTr != null)

selectedTr.style.removeAttribute("backgroundColor");

if (selectedTr == obj)

selectedTr = null;//加上此句,以控制点击变白,再点击反灰

else

selectedTr = obj;

}

/*得到选中行的第一列的值*/

function check() {

if (selectedTr != null) {

var str = selectedTr.cells[0].childNodes[0].value;

document.getElementById("lab").innerHTML = str;

} else {

alert("请选择一行");

}

}

/*删除选中行*/

function del() {

if (selectedTr != null) {

if (confirm("确定要删除吗?")) {

alert(selectedTr.cells[0].childNodes[0].value);

var tbody = selectedTr.parentNode;

tbody.removeChild(selectedTr);

}

} else {

alert("请选择一行");

}

}

单击选中Tr,高亮显示,再单击取消选选中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。