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
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트로 초간단 미사일 피하기 게임 만들기 !! (6) | 2023.03.11 |
|---|---|
| [JavaScript] 자바스크립트로 글자 나타나는 움직임 효과 내는 방법 !! (0) | 2023.03.10 |
| [JavaScript] 자바스크립트 join() 함수 사용하는 방법 !! (배열 연결하기) (0) | 2023.03.07 |
| [JavaScript & jQuery] html 특정 영역 드래그로 캡쳐하는 방법 !! (html2canvas 라이브러리) (0) | 2023.03.03 |
| [JavaScript] 자바스크립트로 URL, 주소 복사 하는 방법 !! (0) | 2023.03.02 |
댓글