Question

我试图给body <>一个具有相同名称的类..以便稍后在单击按钮时使用它来更改背景的颜色..我不知道它是否从语法上正确..，是否建议

<script>
    function ChangeColor()
    {
        var ChangeColor = document.getElementsByClassName("body");
        ChangeColor.style.background-color = "grey";
    }
</script>

Answer 1

尝试

   function ChangeColor(){
      var ChangeColor = document.getElementsByClassName("body")[0];
      ChangeColor.style.backgroundColor = "grey"; 
    }

Answer 2

getElementsByClass名称返回一个数组，您选择第一项

function changeColor(){ 
  var ChangeColor = document.getElementsByClassName("body")[0]; 
  ChangeColor.style.backgroundColor = "grey"; 
}

然后调用函数

 changeColor();

应该起作用...

Answer 3

您需要进行两项更改

首先，您需要在使用document.getElementsByClassName时传递索引，因为它是一个集合。使用javascript重命名background-color到backgroundColor

进行内联样式的第二个

function changeColor() {
  var changeColor = document.getElementsByClassName("body")[0];
  changeColor.style.backgroundColor = "grey";
}

changeColor()

<body class='body'>
</body>

Answer 4

getElementsByClassName返回一个数组。

所以你应该喜欢：

ChangeColor[0].style.background-color = "grey"

我相信您没有使用任何可以做到这一点的框架。在这种情况下，我建议向该元素添加一个id并使用getElementById。在这种情况下，它将返回单个元素

试图通过单击按钮更改背景颜色

4 个答案: