Fatal编程技术网
  • javascript/
  • Javascript 有没有一种方法不仅可以向HTML元素添加/删除类，而且可以实际更改CSS类中的值？

Javascript 有没有一种方法不仅可以向HTML元素添加/删除类，而且可以实际更改CSS类中的值？

javascript html css

Javascript 有没有一种方法不仅可以向HTML元素添加/删除类，而且可以实际更改CSS类中的值？,javascript,html,css,Javascript,Html,Css,例如：我想通过按下按钮来显示随机背景色。我将变量变大，如果我把字符串放在一起，就会产生一个普通的十六进制代码。。。只有如何将这些随机值写入CSS文件？有办法吗 我不想更改类名，但是类名包含的背景色样式值 function changeColor() { var content = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", "g"]; var one = content[Math.floo

例如：我想通过按下按钮来显示随机背景色。我将变量变大，如果我把字符串放在一起，就会产生一个普通的十六进制代码。。。只有如何将这些随机值写入CSS文件？有办法吗

我不想更改类名，但是类名包含的背景色样式值

function changeColor() {
var content = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", "g"];
var one = content[Math.floor(Math.random()*content.length)];
var two = content[Math.floor(Math.random()*content.length)];
var three = content[Math.floor(Math.random()*content.length)];
var four = content[Math.floor(Math.random()*content.length)];
var five = content[Math.floor(Math.random()*content.length)];
var six = content[Math.floor(Math.random()*content.length)];
如果要更改内联样式，可以查看以下页面：

更改HTML样式 -要更改HTML元素的样式，请使用以下语法：

document.getElementById（id）.style.property=new style
以下内容 示例更改
元素的样式：

例如：

<html>
<body>

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color = "blue";
</script>

<p>The paragraph above was changed by a script.</p>

</body>
</html>



你好，世界

document.getElementById（“p2”）.style.color=“蓝色”；
上面的段落被一个脚本修改了



我的标题1
点击我！
如果您想更改内联样式，可以查看以下页面：

更改HTML样式 -要更改HTML元素的样式，请使用以下语法：

document.getElementById（id）.style.property=new style
以下内容 示例更改
元素的样式：

例如：

<html>
<body>

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color = "blue";
</script>

<p>The paragraph above was changed by a script.</p>

</body>
</html>



你好，世界

document.getElementById（“p2”）.style.color=“蓝色”；
上面的段落被一个脚本修改了



我的标题1
点击我！
这就是我们的style属性

函数更改（）{
var含量=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“a”、“b”、“c”、“d”、“e”、“f”、“g”]；
var one=content[Math.floor（Math.random（）*content.length）]；
var two=content[Math.floor（Math.random（）*content.length）]；
var三=内容[Math.floor（Math.random（）*content.length）]；
var-four=内容[Math.floor（Math.random（）*content.length）]；
var-five=内容[Math.floor（Math.random（）*content.length）]；
var six=内容[Math.floor（Math.random（）*content.length）]；
document.getElementById（“元素”）.style.backgroundColor=“#”+1+2+3+4+5+6
}

看到背景了吗

更改
这就是我们的样式属性

函数更改（）{
var含量=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“a”、“b”、“c”、“d”、“e”、“f”、“g”]；
var one=content[Math.floor（Math.random（）*content.length）]；
var two=content[Math.floor（Math.random（）*content.length）]；
var三=内容[Math.floor（Math.random（）*content.length）]；
var-four=内容[Math.floor（Math.random（）*content.length）]；
var-five=内容[Math.floor（Math.random（）*content.length）]；
var six=内容[Math.floor（Math.random（）*content.length）]；
document.getElementById（“元素”）.style.backgroundColor=“#”+1+2+3+4+5+6
}

看到背景了吗

更改
您可以使用按钮按下时的
onClick
事件调用 
changeColor（）
函数

<Button
       onClick={event => {
       event.preventDefault();
       this.changeColor();
    }}
>

{
event.preventDefault（）；
这个；
}}
>
您可以使用按钮按下时的
onClick
事件调用 
changeColor（）
函数

<Button
       onClick={event => {
       event.preventDefault();
       this.changeColor();
    }}
>

{
event.preventDefault（）；
这个；
}}
>
不同的问题：为什么要创建
一个
，
两个
，等等，而不是只使用函数
getRandomValue（array）
，并在必要时调用它？至于将它们写入文件：如果您在浏览器的客户端没有要写入的文件，那么您想做什么？如果您想显示随机颜色，只需通过在相应的
document.stylesheets
条目中重写CSSRules来编辑您正在使用的任何类？如何使用javascript修改css文件
.insertRule
和
.cssRules
通读样式表web API上的MDN不同的问题：为什么要创建
one
、
two
等，而不是只使用函数
getRandomValue（array）
，并在必要时调用它？至于将它们写入文件：如果您在浏览器的客户端没有要写入的文件，那么您想做什么？如果您想显示随机颜色，只需通过在相应的
document.stylesheets
条目中重写CSSRules来编辑您正在使用的任何类？如何使用javascript修改css文件
.insertRule
和
.cssRules
在web API上通读MDN以获取记录的样式表，内联单击处理程序非常可怕。对记录使用addEventListener，内联单击处理程序非常可怕。使用addEventListener