2010년 11월 21일 일요일

getEelementById

getEelementById

id를 이용해서 특정 태그 객체를 찾아 리턴하며,  
지정된 id를 가진 태그가 없거나 두개 이상이면 getElementById 메서드는 null을 리턴.

 

docuement.getElementById("값")

<div id='ID'></div>

 

<input id="test" value="one">

 

<script language="javascript">
var a = document.getElementById("test");
alert( a.value );
</script>

 

// IE에서는 id가 정의되어 있지 않으면 name에 접근, 문제는 ff에서는 안된다는것..

 

getElementsByName

지정된 이름이나 태그이름을 가진 태그 객체의 배열을 리턴하며,

객체를 찾지못하면 길이가 0인 배열을 리턴.

 

document.getElementsByName("값")

<input type="text" name="NAME">

<input type="hidden" name="test" value="one">

<input type="hidden" name="test" value="two">

<input type="hidden" name="test" value="three">

<script language="javascript">

  var a = document.getElementByName("test");

  var i;

  document.write("배열값 출력 : ");

  for(i=0;i<a.length;i++){

     document.write(a.value[i]+" ");

  }

</script>

2010년 11월 17일 수요일

테이블의 길이 고정하기(table-layout:fixed)

<table border="1" width="100" style="table-layout:fixed">     

    <tr>
        <td nowrap>가나다라마바사</td>
    </tr>
</table>