Javascript 如何操作当前对象的CSS
我正在寻找一段代码,可以让我更改单击对象的CSS,如下所示:Javascript 如何操作当前对象的CSS,javascript,Javascript,我正在寻找一段代码,可以让我更改单击对象的CSS,如下所示: //Click & Lock $('.pix').click(function(){ if(questionLock==false){questionLock=true; //correct answer if(this.id==rnd){ $(this).css('border-color:green'); score++; } //wrong answer if
//Click & Lock
$('.pix').click(function(){
if(questionLock==false){questionLock=true;
//correct answer
if(this.id==rnd){
$(this).css('border-color:green');
score++;
}
//wrong answer
if(this.id!=rnd){
$(this).css('border-color:red');
}
setTimeout(function(){changeQuestion()},1000);
}})
}
您需要css('key','value')
首先,您不应该直接操纵CSS。通过添加/删除类名并在外部CSS中设置这些类的样式来更改边框颜色 如果你真的想用JavaScript更改CSS,你需要给它一个属性和值,而不是一个字符串:
$(this).css('border-color', 'red');
$(this).css('border-color', 'red');