• 회원가입
  • 로그인

[JS-서기] JS 16강 - this객체, 조건분기, 속성설정




예제1

 

<script>

function hz(a) { 

     window.alert(a.value);

}

</script>


<input type='button' value='홈짱닷컴 Homzzang.com' name='' class='' onclick='hz(this)'> 


결과 보기 

 

 

 

예제2

 

<script>

function hz(a) { 

     document.getElementById('homzzang').innerHTML = a.value;

}

</script>


<input type='button' value='홈짱닷컴 Homzzang.com' name='' class='' onclick='hz(this)'>


<div id='homzzang'><div>

 

 

결과 보기

 

 

 

예제3

 

<style>

.red {color:red;}

.blue {color:blue;}

</style>


<script>

function chk() { 

     var a = document.getElementById('hz').value;

     if(a == '') {

          document.getElementById('notice').innerHTML= '입력 X';

          document.getElementById('notice').setAttribute('class','red');

     } else {

          document.getElementById('notice').innerHTML= '입력 O';

          document.getElementById('notice').setAttribute('class','blue');

     }

}

</script>


<input type='text' name='hz' value='' placeholder='' id='hz'>

<input type='button' value='확인' name='' class='' onclick='chk()'>

<div id='notice'></div>


 

결과 보기

※ 대소문자 구별 주의

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012