使用javascript更改css onload

这是一个简单的javascript命令，用于在页面加载时更改类名。我做错了什么，它不工作了

.走开{
保证金：30px0！重要；
位置：固定；
-webkit过渡：边际0.6s；
-moz过渡：边缘0.6s；
-o-过渡：边缘0.6s；
}
.在{
保证金：0；
位置：绝对位置；
}
window.onload=函数预加载程序（）{
document.getElementByClassName（'away'）。className='in'；
};
当页面加载时，这应该向上滑动

因为函数是

document.getElementsByClassName

而不是

document.getElementByClassName

。它返回一个数组。因此，您需要获取第一个元素并应用该类。像这样

document.getElementsByClassName('away')[0].className = 'in';

document.getElementById('mydiv').className = 'in';

为了简单起见，为什么不给div分配一个id呢

<div class="away" id="mydiv">

它简单易用。

有几点：

• 函数名中不能有破折号。重命名你的函数
• 如果您使用的是命名函数，我不会以这种方式将其分配给属性。将其设置为匿名或按如下方式分配：

  function foo() {
      ...
  }
  
  window.onload = foo;
  

  否则，您将无法调用

  foo（）

• getElementByClassName

  应该是

  getElementsByClassName

  （注意

  s

  ）。此外，由于它将返回一个元素集合，因此需要使用

  for

  循环对其进行迭代

---

谢谢！如果你的id是“mydiv”，你会不会得到ElementByID（“mydiv”）？我想你说的我都做了，但似乎还是不起作用。有什么想法吗？对不起，我提供了错误的id。你能检查我编辑的答案吗？很高兴知道。我想我会坚持使用getElementById。谢谢你赶来。smh

function foo() {
    ...
}

window.onload = foo;