javascript - 无法使用 JS 设置 CSS 规则

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";

它在控制台上生成错误:“无法设置未定义的属性”。

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

Answer 1

你必须使用 document.getElementById 而不是 name,

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

因为您的 div 有一个 id 属性，其值为 myButton。不是名字。

完整的代码是，

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