[JavaScript] HTMLCollection 객체
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>
실행결과)
출처: https://devbox.tistory.com/entry/JavaScript-HTMLCollection?category=574556 [장인개발자를 꿈꾸는 :: 기록하는 공간]
'Javascript > JavaScript' 카테고리의 다른 글
| [JavaScript] Text 객체 (0) | 2020.07.07 |
|---|---|
| [JavaScript] Document 객체 (0) | 2020.07.07 |
| [JavaScript] Node 객체 (0) | 2020.07.07 |
| [JavaScript] Element 객체 (0) | 2020.07.07 |
| [JavaScript] HTMLElement 객체 (0) | 2020.07.07 |
| [JavsScript] 제어 대상을 찾기 (0) | 2020.07.07 |
| [JavaScript] 전역객체 window (0) | 2020.07.07 |
| [JavaScript] Object Model (0) | 2020.07.07 |