更改css文件href Javascript中的css类背景
更改css文件href Javascript中的css类背景
提问于 2015-01-25 02:24:47
我试图在JavaScript中更改Css文件选择器类，但是我使用的代码不起作用！
试图在我的Css中更改这个类-
.block-square {
background-color:rgb(167,128,209);
}我想改变本班的背景色。
css href在这里，<link id="myStyleSheet" href="css/style.css" rel="stylesheet">，这是它所在的位置。
下面是我的代码不起作用：
function styleOne() {
document.getElementById('myStyleSheet').href = 'css/style.css';
var square = document.querySelector(".block-square");
square.style.backgroundColor = "#ffffff";
}请让我知道为什么这个代码不起作用。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-01-25 02:34:39
如果您只想更改background-color of .block-square，下面是一个示例。
$("#styleOne").click(function() {
$(".block-square").css("background-color", "#FFFFFF");
});
$("#styleTwo").click(function() {
$(".block-square").css("background-color", "rgb(167,128,209)");
});.block-square {
width: 100px;
height: 100px;
background-color: rgb(167, 128, 209);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block-square"></div>
<button id="styleOne">StyleOne</button>
<button id="styleTwo">StyleTwo</button>
Stack Overflow用户
发布于 2015-01-25 02:34:12
使用jQuery，就容易多了。
function styleOne() {
$(".block-square").css("background-color","yellow");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28132582
复制相关文章
相似问题
腾讯云开发者
