无法使用JS

Question

这是我的HTML

<div id="myButton" class="selfDistrucitonButton">
  <div class="outer">
    <div class="height">
       <div class="inner"> Button </div>
    </div>
  </div>
</div>

这是JS

document.getElementsByName('myButton').style.marginLeft = "90px";
document.getElementsByName('myButton').style.marginTop = "40px";
document.getElementsByName('myButton').style.width = "400px";

它在控制台上生成错误：“无法设置undefined的属性”。

甚至console.log("document.getElementById("myButton");它告诉我按钮为NULL。我真的不明白问题出在哪里。

Answer 1

您必须使用document.getElementById而不是name，

document.getElementById('myButton').style.marginLeft = "90px";

由于您的div具有值为id的{​​{1}}属性。不是名字。

完整的代码将是，

myButton