공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/HTML

document.getElementsByTagName() - 태그 접근

serpiko 2013. 10. 13. 21:45

document.getElementsByTagName() : 이 함수는 인자에서 제공하는 것과 같은 태그를 가진 일련의 요소의 참조를 반환합니다.

 

 

 


example)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
 
<html>
 <head>
 <script>
 function getElements()
   {
   var x=document.getElementsByTagName("input");
   alert(x.length);
   }
 </script>
 </head>
 <body>

 <input type="text" size="20"><br>
 <input type="text" size="20"><br>
 <input type="text" size="20"><br><br>
 <input type="button" on_click="getElements()" value="How many input elements?">

 </body>
 </html>

 

결과 : 4

 

실무)

1
2
3
 
<input id="inputId" class="inputClass" type="text" name="in" value="500" />

console.log(document.getElementById("inputId").value); //500;
저작자표시 비영리 변경금지

'■ 프론트엔드 ■ > HTML' 카테고리의 다른 글

ul,li 태그 - 순서가 없는 목록지정  (0) 2013.10.13
id와 class의 사용  (0) 2013.10.13
document.getElementById() - ID 접근  (0) 2013.10.13
DOM example  (0) 2013.10.13
innerHTML  (0) 2013.10.13
댓글