<script type="text/javascript">
window.onload = function () {
// 문서 객체를 가져옵니다.
var header = document.getElementById('header');
// 문서 객체의 스타일을 바꿔줍니다.
header.style.border = '2px Solid Black';
header.style.color = 'Orange';
header.style.fontFamily = 'Helvetica';
header.style.backgroundColor = 'black';
};
</script>
<body>
<h1 id="header">Header</h1>
</body>
window.onload = function () {
// 문서 객체를 가져옵니다.
var header = document.getElementById('header');
// 문서 객체의 스타일을 바꿔줍니다.
header.style.border = '2px Solid Black';
header.style.color = 'Orange';
header.style.fontFamily = 'Helvetica';
header.style.backgroundColor = 'black';
};
</script>
<body>
<h1 id="header">Header</h1>
</body>
위에 기술한 스타일 외에도 다양한 속성들이 있다
backgroundColor 로 나타낸다
문서 객체의 스타일은 css와 속성이름이 약간 다르다
자바스크립트는 식별자 '-' 를 사용할 수 없으므로 css의 background-color 속성을
'개발개발 > 자바스크립트' 카테고리의 다른 글
| 브라우저 객체 모델 BOM(Browser Object Model) (0) | 2012.08.27 |
|---|---|
| 문서객체모델 ( DOM, Document Object Model) (0) | 2012.08.27 |
| 문서 객체 가져오기(getElementByName()) (0) | 2012.08.27 |
| 문서 객체 가져오기(getElementById() ) (0) | 2012.08.27 |
| 문서 객체의 속성(setAttribute (0) | 2012.08.27 |
