Coding/JavaScript

[JavaScript] 자바스크립트로 margin, padding 주는 방법 !! (style 주는 방법)

포스트it 2023. 3. 8. 09:00
728x90
반응형

 

 

[JavaScript] 자바스크립트로 margin, padding 주는 방법 !! (style 주는 방법)

document.getElementById('test').style.marginTop="50px";

이런식으로 margin이나 padding을 주시면 됩니다 !!

 

예제 코드
<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div id="test" style="border: 1px solid black; width: 100px;">
	    Hello Wolrd
	  </div>

    <button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
    document.getElementById('test').style.marginTop="50px";
}  
</script>
</body>
</html>

결과값

 

Hello Wolrd
728x90
반응형