在点击某一行时更改该行的颜色
Change color of a row on onclick of that particular row
我正在动态创建一个html表,如下所示:
var table = document.getElementById("mytable");
var rowcount = document.getElementById("mytable").rows.length;
var row = table.insertRow(rowcount);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
cell1.innerHTML = rowcount;
cell2.innerHTML = "a";
cell3.innerHTML = "b";
cell4.innerHTML = "c";
cell5.innerHTML = document.getElementById("select_product_name").value;
一行的最后一列,如cell5
,其中包含id
我想要一个函数在这样的方式,行在表中的onclick应该得到的id即,cell5
的值和完整的行应该改变颜色为红色。
注意:只能使用Javascript,不能使用jQuery
var table = document.getElementById("mytable");
var rowcount = document.getElementById("mytable").rows.length;
var row = table.insertRow(rowcount);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
cell1.innerHTML = rowcount;
cell2.innerHTML = "a";
cell3.innerHTML = "b";
cell4.innerHTML = "c";
var id = document.getElementById("select_product_name").value;
cell5.innerHTML = id;
row.onclick = function() {
// Add a css class to the row
row.className += ' red';
// Alert the id
alert(id);
};
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 动态更改敲除js中一行的颜色
- 我正在编写一个 Javascript 函数,以便将表中的每一行着色为不同的颜色.为什么我的代码不起作用
- 有没有一行 javascript 可以将每个十六进制颜色更改为不同的十六进制颜色
- 如何将动态颜色应用于与 HTML 表不同的每一行
- 使用jquery在前一行的基础上交替行颜色
- 如何在单击时更改表格行的颜色,并在单击另一行时更改回原来的颜色
- ng重复为每一行设置一个随机颜色
- 使用Javascript更改表中一行的颜色
- 在点击某一行时更改该行的颜色
- 如何保留组合框选定的背景颜色,内部网格面板一旦移动到下一行.或者可以说集中注意力
- 根据mysql表的值改变一行的字体颜色
- 如何更改包含特定单词的HTML页面中一行的颜色
- 如何遍历JS数组以在一行中创建均匀的颜色
- 一行的背景颜色是连续的
- 如何通过单击一行中的按钮来更改html表的一行的颜色
- Div通过javascript改变每一行的颜色
- 比较字符串和更改一行的颜色