如果active=true,则在javascript中将其涂成红色

如果active=true,则在javascript中将其涂成红色,javascript,Javascript,我需要检查active=true,然后将文本涂成红色,但我不能这样做 var产品=[ {name:'lkбб',active:true}, {name:'Сааа',active:true}, {name:'Пцц',active:false}, ]; var ul=document.createElement(“ul”); 对于(变量i=0;i

我需要检查active=true,然后将文本涂成红色,但我不能这样做

var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
];
var ul=document.createElement(“ul”);
对于(变量i=0;i}
您需要设置创建的
li
元素的
样式
属性,而不是
产品[i]。名称

li.style.color = "red";
而不是

products[i].name.style.color = "red";
var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
];
var ul=document.createElement(“ul”);
对于(变量i=0;i}
您需要设置创建的
li
元素的
样式
属性,而不是
产品[i]。名称

li.style.color = "red";
而不是

products[i].name.style.color = "red";
var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
];
var ul=document.createElement(“ul”);
对于(变量i=0;i}
替换
产品[i].name.style.color=“red”带有
li.style.color=“红色”

var产品=[{
名称:“kббб”,
主动:正确
},
{
名称:“аааа”,
主动:正确
},
{
名称:“Пбб”,
活动:错误
},
];
var ul=document.createElement(“ul”);
对于(变量i=0;i}
替换
产品[i].name.style.color=“red”带有
li.style.color=“红色”

var产品=[{
名称:“kббб”,
主动:正确
},
{
名称:“аааа”,
主动:正确
},
{
名称:“Пбб”,
活动:错误
},
];
var ul=document.createElement(“ul”);
对于(变量i=0;i}
您需要设置
li
的样式,而不是数据,并且只在末尾附加一个
ul

var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
],
ul=document.createElement(“ul”),
李,我,;
对于(i=0;idocument.body.appendChild(ul);//只需设置一次
您需要设置
li
的样式,而不是数据,并在末尾仅附加一个
ul

var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
],
ul=document.createElement(“ul”),
李,我,;
对于(i=0;idocument.body.appendChild(ul);//只有一次产品[i]。名称不是HTML元素。所以你不能在上面设置
style
。要在
li
change上设置
style

products[i].name.style.color = "red";

请注意:
if(products[i].active==true)
等同于
if(products[i].active)
。您不需要显式地将布尔值与
true
false
进行比较:

var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
];
var ul=document.createElement(“ul”);
对于(var i=0;i}
产品[i]。名称
不是HTML元素。所以你不能在上面设置
style
。要在
li
change上设置
style

products[i].name.style.color = "red";

请注意:
if(products[i].active==true)
等同于
if(products[i].active)
。您不需要显式地将布尔值与
true
false
进行比较:

var产品=[
{name:'lkбб',active:true},
{name:'Сааа',active:true},
{name:'Пцц',active:false},
];
var ul=document.createElement(“ul”);
对于(var i=0;i