JAVASCRIPT

JAVASCRIPT CSS 테두리넣기

JDK's blog 2015. 11. 25. 00:08

안녕하세요 이번엔 JAVASCRIPT에서 테두리 넣는것을 알려드릴꼐요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
    
    document.getElementById("testDiv").style.border = "1px solid #000000";    //1픽셀로 점선방식으로 검정색으로 넣습니다.        
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
<div name='testDiv' id='testDiv'>text</div>
</body>
</html>
cs

 

 이 화면에서 클릭하면

이렇게 대상에서 테두리가 나옵니다.