无法设置CSS规则，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"; 

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

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