如果显示为块,则使用javascript将其更改为无

如果显示为块,则使用javascript将其更改为无,javascript,html,css,colors,Javascript,Html,Css,Colors,对于此代码 #element { display : block } <div id="element"></div> 对要检索的元素使用.css()方法 var theColorIs = $('element').css("color"); //Which will return the color in RGB. if(theColorIs == 'blue') { $("element").css({"color": "

对于此代码

#element { 
  display : block
}

<div id="element"></div>
对要检索的元素使用.css()方法

var theColorIs = $('element').css("color"); //Which will return the color in RGB.

if(theColorIs  == 'blue') {
      $("element").css({"color": "red"}); 
}

style.backgroundColor=“red”

changeColor=function(){
//按ID获取元素
var div=document.getElementById(“square”);
//获取应用于该元素的样式
var style=window.getComputedStyle(div)
//使用rgb值比较背景颜色
如果(style.backgroundColor==“rgb(0,0255)”)
div.style.backgroundColor=“红色”;
}
#正方形{
宽度:50px;
高度:50px;
背景颜色:蓝色;
}

更改颜色
您可以试试这个

$(文档).ready(函数(){
$('.btn')。在('click',function()上{
var textElement=$('.txt').get(0);
var currentColor=textElement.style.color;
如果(currentColor==“蓝色”){
textElement.style.color=“红色”;
}否则{
textElement.style.color=“蓝色”;
}
});
});

这是我的文字


更改颜色
假设您有办法选择要检查的文本,并且所有文本都在一个元素中,您可以使用
窗口。getComputedStyle
确定元素使用的
颜色。然后,您可以使用if语句来检查它是否是您要针对的颜色,然后为元素指定不同的
颜色。下面的例子应该适用于Chrome;我不知道其他浏览器是否会准确地返回
rgb(0,0,255)
,但是,一旦您检查了它们返回的内容,扩展if语句以接受这些字符串应该是相当简单的

document.querySelector('button')。addEventListener('click',()=>{
设p=document.querySelector('.bluetext');
pStyle=window.getComputedStyle(p);
console.log(pStyle.color)
if(pStyle.color==“rgb(0,0,255)”){
p、 style.color=“红色”;
}
})
。蓝色文本{
颜色:蓝色;
}

我是一些文本

更改文本颜色
试试这个

document.querySelector(“按钮”).addEventListener(“单击”,changeDiv);
函数changeDiv(){
var元素=document.getElementById(“element1”);
element.style.display=(element.style.display='none')?'block':'none';
}
#element1{display:block}
示例

单击此处
write javascript添加或删除类,如果存在类text1,则可以有两个类添加类text2和删除类text1,或者可以使用javascript.document.getElementById(“元素id”).style.backgroundColor=“蓝色”直接读取元素的style.color并将其修改为任何值确定元素颜色的可能重复实际上比faizan所说的要难一些
style.color
将给出元素的内联颜色属性,但不会注册通过css分配的
color
window.getComputedStyle().color
将给出当前应用于元素的颜色字符串。帮助很多我如何将其用于多个元素?如果单击按钮,则显示第一个块并隐藏其他块。如果单击两次,则显示第二个并隐藏others@ArminEslami,我在这里创建了示例脚本:check it
var theColorIs = $('element').css("color"); //Which will return the color in RGB.

if(theColorIs  == 'blue') {
      $("element").css({"color": "red"}); 
}