티스토리 뷰

[개발]프로그래밍/javascript

[javascript] getElementsByName - 문서 객체 가져오기

좋은 블로그 2016. 10. 31. 10:06

1. getElementsByName  - 역할

getElementsByName - 태그의 name 속성이 일치하는 객체를 배열로 가져옴


getElementsByTagName -  tagName과 일치하는 문서 객체를 배열로 가져옴


2. getElementsByName - 예제

◈ 코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
window.onload = function () {
     alert(document.getElementsByName('t_font'));
    //[object NodeList]
    
    alert(document.getElementsByName('t_font')[0].size);
    //10px
    
    alert(document.getElementsByName('t_font')[1].size);
    //15px
    
}
</script>
<body>
     <font name="t_font" size="10px"> test1</font>
     <font name="t_font" size="15px"> test2</font>
     <font name="t_font" size="20px"> test3</font>
</body>








3. getElementsByTagName - 예제

◈ 코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
window.onload = function () {
     var v_font = document.getElementsByTagName('font');
     
     alert(v_font);
     //object HTMLCollection
     
     alert(v_font[0].size);
     //10px
     
     alert(v_font[1].size);
     //15px
}
</script>
<body>
     <font name="t_font" size="10px"> test1</font>
     <font name="t_font" size="15px"> test2</font>
     <font name="t_font" size="20px"> test3</font>
</body>







'[개발]프로그래밍 > javascript' 카테고리의 다른 글

[javascript] style - 문서 객체 스타일  (0) 2016.11.01
[javascript] querySelector - 문서 객체 가져오기  (0) 2016.10.31
[javascript] getElementById - 문서 객체 가져오기  (0) 2016.10.21
[javascript] innerHTML - 문서 객체 생성  (0) 2016.10.21
[javascript] 문서 객체 - 객체 생성  (0) 2016.10.21
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday