HTMLCollection은 리턴 결과가 복수인 경우에 사용하게 되는 객체다. 유사배열로 배열과 비슷한 사용방법을 가지고 있지만 배열은 아니다.
HTMLCollection의 목록은 실시간으로 변경된다. 아래 코드를 보자.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!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> |
결과
