Question

例如，我有一些这样的Html代码

<div class="abc"></div>

使用像这样的css样式表

.abc{display:none}

现在我想将css类abc的样式更改为display:block，我应该怎么做？

Answer 1

您想要更改CSS类的属性和值，还是只更改应用于HTML元素的类？

在这种情况下，以jQuery为例，你只需要做：

$('div').removeClass('abc').addClass('cba');

这将删除＆＃39; abc＆＃39;当前附加到div元素的类并设置＆＃39; cba＆＃39;这个元素的类。

你的＆＃c;＆＃39; class定义为：

.cba{display: block}

Answer 2

只需使用下面的简单操作

$(".abc").show(); // to display block on css
$(".abc").hide(); // to display none on css

这里有完整的代码来实现您的问题

<!--html code-->
<div class="abc">Hello World</div>

<!--stlyling-->
<style>
    .abc{display:none}
</style>

<!--script-->
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $( document ).ready(function() {
        $(".abc").show();
    });
</script>

希望有所帮助

Answer 3

对于所有说document.getElementsByClassName('abc').style.display = 'block';的人来说......

它应该如何：

＆＃13;

let e = document.getElementsByClassName('abc');
for(i = 0; i < e.length; i++){
  e[i].style.display = 'block';
}

＆＃13;

.abc{display:none;}

＆＃13;

<div class="abc">HI!</div>
<div class="abc">You can see me!</div>

＆＃13;

document.getElementsByClassName('abc').style.display = 'block';方法：

＆＃13;

document.getElementsByClassName('abc').style.display = 'block';

＆＃13;

.abc{display: none;}

＆＃13;

<div class="abc">HI!</div>
<div class="abc">You can see me!</div>

＆＃13;

Answer 4

在DOM中找到您的元素，并使用configure.ac删除el.classList.remove("abc")类。

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

如何找到元素？

https://www.w3schools.com/js/js_htmldom_elements.asp

Answer 5

使用
导入jquery库
test_dict = dict(zip(list_one,list_two)) for k,v in test_dict.items(): if v == '-': test_dict[k] = 'missing'

使用简单的jquery来隐藏或显示

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

Answer 6

如果您有一个＆＃39; .abc＆＃39; class：

document.getElementsByClassName("abc")[0].style.display = "block";

如果你有更多的一个＆＃39; .abc＆＃39; class：

var len = document.getElementsByClassName('abc');
for(i = 0; i < len.length; i++){
  len[i].style.display = 'block';
}

如何用javascript更改CSS类的样式？

6 个答案: