[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>

 

결과 보기

※ 대소문자 구별 주의