반응형
html 구문에 기본적인 stylesheets 정보를 DOM 으로 제어할수 있다.
자기가 원하는 특정 태그의 stylesheets 정보를 변경하여 실시간으로 화면디자인을 변경해본다.
결과전
결과후
자기가 원하는 특정 태그의 stylesheets 정보를 변경하여 실시간으로 화면디자인을 변경해본다.
<script type="text/javascript">
<!--
function
changeText() {
var p =
document.getElementById("pid");
p.style.color = "blue"
p.style.fontSize = "18pt"
}
//-->
</script>
</head>
<body>
<p id="pid"
onclick="window.location.href =
'http://www.cnn.com/';">linker</p>
<form>
<p><input value="rec" type="button" onclick="changeText();"></p>
</form>
결과전
결과후
반응형
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| Ajax 란 무엇이며 순수 Ajax 함수로 간단한 구현예제 정리 (1) | 2009.03.30 |
|---|---|
| DOM 예제 : DOM 이벤트 객체의 속성정보를 모두 보여준다 (0) | 2009.02.28 |
| DOM 예제 : click event 를 DOM 객체로 제어한다. (0) | 2009.02.28 |
| DOM 예제 : 페이지에 로딩된 모든 stylesheet 정보를 접근해서 변경할수있다. (0) | 2009.02.22 |
| DOM 예제 : DOM 을 이용해서 이미지 객체정보를 변경하는 예제 (0) | 2009.02.22 |
| DOM 예제 : 화면에 로딩되는 이미지의 정보를 알아와서 뿌려주는 예제 (0) | 2009.02.22 |
| 프로젝트 나가서 주로 공통으로 쓰는 javascript common.js 내용 (0) | 2009.02.19 |
| Javascript 에서 알아야할 기초사항 (1) | 2009.02.18 |
