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

您所在的位置:网站首页 js获取表格行数 html表格获取当前行数原生js,JavaScript获取表格(table)当前行的值、删除行、增加行...

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

2023-07-23 15:59| 来源: 网络整理| 查看: 265

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,高亮显示,再单击取消选选中。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3