FEDev Story

HTML Collection 본문

Javascript/DOM

HTML Collection

지구별72 2017. 2. 10. 18:53

HTMLCollection은 리턴 결과가 복수인 경우에 사용하게 되는 객체다. 유사배열로 배열과 비슷한 사용방법을 가지고 있지만 배열은 아니다. 

HTMLCollection

HTMLCollection의 목록은 실시간으로 변경된다. 아래 코드를 보자.

<!DOCTYPE html>
<html>
<body>
<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li id="active">JavaScript</li>
</ul>
<script>
console.group('before');
var lis = document.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++){
    console.log(lis[i]);
}
console.groupEnd();
console.group('after');
lis[1].parentNode.removeChild(lis[1]);
for(var i = 0; i < lis.length; i++){
    console.log(lis[i]);
}
console.groupEnd();
</script>
</body>
</html>

결과

'Javascript > DOM' 카테고리의 다른 글

Element 객체 - 조회 API  (0) 2017.02.10
Element 객체 - 식별자 API  (0) 2017.02.10
Element 객체  (0) 2017.02.10
HTMLElement  (0) 2017.02.10
[DOM] DOM을 깨우치다  (1) 2016.03.07
'Javascript/DOM' Related Articles more
Comments