336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 이번엔 JAVASCRIPT CSS처리하는 방법을 시작할꼐요.

처음엔 내용이 보여지고 안보여지고 하는 것을 처리할께요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
    if(document.getElementById("testDiv").style.display == "none")    //안보여지는지 확인
        document.getElementById("testDiv").style.display = "";        //안보여지면 보이게
    else
        document.getElementById("testDiv").style.display = "none";    //보여지면 안보이게
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv' id='testDiv'>text</div>
</body>
</html>
cs

 

결과는 이렇게 나오는데요. 버튼을 눌르면 사라지고 다시 눌르면 나타납니다.

 

 

 

 

 

 

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT CSS 테두리넣기  (0) 2015.11.25
JAVASCRIPT CSS 배경색변경  (0) 2015.11.25
JAVASCRIPT 변수자료형 바꾸기  (0) 2015.11.22
JAVASCRIPT while문 사용하기  (0) 2015.11.22
JAVASCRIPT for문 사용하기  (0) 2015.11.22

+ Recent posts