如果状态为 RECEIVED，则背景颜色为绿色

Question

如果第 7 列中的状态包含具有“RECIEVED”值的行，我想突出显示行颜色为绿色。

下面的代码是将与Google sheet相关的搜索结果数据显示到google webapp。

var searchResultsBox = document.getElementById("searchResults");
var templateBox = document.getElementById("rowTemplate");
var template = templateBox.content;

searchResultsBox.innerHTML = "";

resultsArray.forEach(function(r){

var tr = template.cloneNode(true);
var l1Column = tr.querySelector(".L1");
var l2Column = tr.querySelector(".L2");
var l3Column = tr.querySelector(".L3");
var l4Column = tr.querySelector(".L4");
var l5Column = tr.querySelector(".L5");
var l6Column = tr.querySelector(".L6");
var l7Column = tr.querySelector(".L7");
var l8Column = tr.querySelector(".L8");

l1Column.innerHTML = r[0];
l2Column.innerHTML = r[1];
l3Column.innerHTML = r[2];
l4Column.innerHTML = r[3];
l5Column.innerHTML = r[4];
l6Column.innerHTML = r[5];
l7Column.innerHTML = r[6];
if (l7Column.innerHTML = r[6] === "RECEIVED") row.style.backgroundColor = "green";
l8Column.innerHTML = r[7];


searchResultsBox.appendChild(tr);


});

}

我添加了这个 if (l7Column.innerHTML = r[6] === "RECEIVED") row.style.backgroundColor = "green"; 但状态在第 7 列中显示为 false

screenshot of the search panel

我哪里做错了？

Answer 1

我认为您的脚本中没有使用row。而且，在这种情况下，下面的修改怎么样？

发件人：

if (l7Column.innerHTML = r[6] === "RECEIVED") row.style.backgroundColor = "green";

收件人：

if (r[6] === "RECEIVED") tr.querySelector("tr").style.backgroundColor = "green";

补充：

关于您的以下新问题，

你的剧本比你厉害:)。它起作用了，我有另一个查询，状态不仅包含单词 RECIEVED，而且有时它可能还有其他单词，例如 RECIEVED TODAY 或 RECIEVED YESTERDAY，在这种情况下脚本应该如何更改？

当r[6] 为RECIEVED TODAY 和RECIEVED YESTERDAY 时，您希望将背景颜色设置为绿色。既然如此，那么下面的修改呢？

发件人：

if (l7Column.innerHTML = r[6] === "RECEIVED") row.style.backgroundColor = "green";

收件人：

if (["RECIEVED TODAY", "RECIEVED YESTERDAY"].includes(r[6])) tr.querySelector("tr").style.backgroundColor = "green";

或者，当r[6]包含RECIEVED时，你想设置背景色，下面的修改如何？

收件人：

if (r[6].toString().includes("RECIEVED")) tr.querySelector("tr").style.backgroundColor = "green";

注意：

• 当我看到您的问题时，您使用的是RECEIVED。但是在您的回复中，您使用RECIEVED。我认为RECEIVED 的拼写与RECIEVED 不同。在此附加修改中，使用了RECIEVED。请注意这一点。