gpt4 book ai didi

javascript - 您可以使用 document.getElementById 检索属性吗?

转载 作者:行者123 更新时间:2023-11-30 18:00:44 25 4
gpt4 key购买 nike

<分区>

我有一个带有 background-color:#FF0000 的按钮,我想将该属性(颜色)存储到一个变量中。我试过这个:

var x=document.getElementById("button1").style.background;

但它不起作用。

这是完整代码的片段:-

<html>
<body>

<button id="button1" style="width:200px;height:200px;background-color:#00FF00;font-color:white" type="button" onclick="colorchange()">this is green</button>

<button id="button2" style="width:200px;height:200px;background-color:#FF0000;font-color:white" type="button" onclick="colorchange()">this is red</button>

<script>
function colorchange()
{
var color1;
var color2;
var color3;

color1=document.getElementById("button1").style.background
color2=document.getElementById("button2").style.background

color3=color1;
color1=color2;
color2=color3;

document.getElementById("button1").style.background=color1
document.getElementById("button2").style.background=color2
}
</script>

</body>
</html>

问题是我似乎无法将背景颜色存储到变量中。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com