티스토리 뷰

[개발]프로그래밍/javascript

[javascript] style - 문서 객체 스타일

좋은 블로그 2016. 11. 1. 08:32

1. style - 역할

객체의 스타일 변경


2. style - 예제

◈ 코드


1
2
3
4
5
6
7
8
9
10
11
12
<script>
window.onload = function () {
    var v_test = document.getElementById('test1');
    
    v_test.style.color='blue';
    v_test.style.border='1px solid #000000';
    v_test.style.padding='5px';
}
</script>
<body>
    <h1 id="test1">Test1</h1>
</body>






◈ 결과화면




◈ 설명


javascript 영역에서 style 을 활용하여 현재 h1 태그에 해당하는 객체에 스타일을 주고 있습니다


여기서 주어진 스타일은 color,border,padding 3가지 입니다






'[개발]프로그래밍 > javascript' 카테고리의 다른 글

[javascript] removeChild - 객체 제거  (0) 2016.11.01
[javascript] querySelector - 문서 객체 가져오기  (0) 2016.10.31
[javascript] getElementsByName - 문서 객체 가져오기  (0) 2016.10.31
[javascript] getElementById - 문서 객체 가져오기  (0) 2016.10.21
[javascript] innerHTML - 문서 객체 생성  (0) 2016.10.21
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday