Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何用%突出显示其他行?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何用%突出显示其他行?

Javascript 如何用%突出显示其他行?,javascript,html,css,Javascript,Html,Css,如何使用JavaScript中的%每隔一行突出显示(即更改背景色)?我在考虑如果(I%2==0)。这行吗 // declaring variables var rows = 12; var cols = 3; document.write('<table border=2>'); for (var k = 0; k < head.length; k++) { // input the heading of the table document.write('

如何使用JavaScript中的
%
每隔一行突出显示(即更改背景色)?我在考虑
如果(I%2==0)
。这行吗

// declaring variables
var rows = 12;
var cols = 3;

document.write('<table border=2>');

for (var k = 0; k < head.length; k++) {
    // input the heading of the table
    document.write('<th>' + head[k] + '</th>');
}

for (var i = 0; i < rows; i++) {
    document.write('<tr>' + 0 + '</tr>');

    if (i % 2 == 0) {
        // don't know what to put in here
    } else {

    }

    for (var j = 0; j < cols; j++) {
        document.write('<td>' + Table[i][j] + '</td>');
    }
}

document.write('</table>');
//声明变量
var行=12;
var-cols=3;
文件。写(“”);
对于(var k=0;k
我建议使用第n种类型的css

但是如果你必须使用javascript

document.querySelectorAll('tr').forEach((el,index)=>{
el.style=索引%2==0?
“背景色:红色”:
'背景色:黄色';
})

1234
1234
1234
1234
1234

您的代码有几个问题:

  • 必须将
    (单元格)放在
    (行)之间。因此,必须在循环开始时打开
    ,然后在循环结束时关闭它
  • 您不需要
    cols
    变量,可以使用
    head.length
    Table[0].length
  • 您也不需要
    变量,可以使用
    Table.length
  • 中,添加
    style
    属性,并将
    背景色设置为根据
    %
    条件计算的颜色
//声明变量
var head=[‘姓名’、‘地址’、‘电话’];
var表=[[10,20,30],[40,50,60],[70,80,90],[100200300];
文件。写(“”);
对于(var k=0;k文件。写(“”)突出显示是什么意思?这有用吗?为什么你不能尝试一下,然后发现你自己?为什么你想?如果突出显示是指更改背景颜色或其他内容,只需使用CSS:
tr:nth of type(odd)td
。Chris是我的解决方案,您希望这样做吗?对不起,应该是“如何使此工作?”OP问“如何在JavaScript中突出显示其他行的%?”。这不是答案。我同意这将做突出部分,但这不是他们所要求的。你应该先评论和澄清一下。就目前情况而言,这是错误的。我已经评论了等待回复,如果他有理由,我会很高兴地改变我的答案,但工作也是为了向OP展示如何正确地做事情,如果他的意图是设计每行的样式,然后用%做它是冗长和不正确的,如果我误解了他的问题,那么很好。谢谢你的回答,我很感激,但是我必须使用if(I%2==0)来解决这个问题。但是为什么你没有说为什么。我已经在我的回答中展示了如何做到这一点,尽管Chris有没有理由你需要使用%而不是css类,因为如果没有理由我强烈建议使用cssWow,非常感谢你指出,我确实发现我的代码有点奇怪,但我就是不知道在哪里。
tr:nth-of-type(even) {
  background-color: red;
}