DOM 제어 - appendChild() 메소드1234 1 2 다음과 같은 HTML 코드가 있을때1234let node = document.createElement('li'); // li태그 생성 let textnode = document.createTextNode('a'); // 텍스트 생성 node.appendChild(textnode); // 텍스트를 li태그에 부착 document.getElementById('myList').appendChild(node); // li태그를 id가 myList인 ul태그에 부착 12345 1 2 a javascript상에서 HTML을 제어할 수 있게 된다. 이 코드를 반복문으로 응용한다면 li태그 밑에 자동으로 같은 코드가 생선되게 만들 수도 있다.1234567l..
DOM 제어 - 자식태그12345678 HTML CSS sass scss JAVASCRIPT 위와 같은 HTML코드에서1234567const Li = document.getElementsByTagName('li'); const Kinder = Li[1].chilren; const KindNodes = Li[1].childNodes; console.log(Kinder); // (2) [div, p] console.log(KindNodes); // (5) [text, div, text, p, text] children은 태그만 찾는다 childNodes는 태그에 붙어있는 텍스트까지 찾는다. li[1] 바로 뒤에 빈칸도 텍스트로 인식을 한다.
반복문 (Loop)for in문1234567891011const object = {1 : 'a', 2 : 'b', 3 : 'c', 4 : 'd'}; // 객체 for( let i in object ) { console.log(object[key]); // a, b, c, d 속성값 출력 console.log([key]); // ['1'], ['2'], ['3'], ['4'] 속성키 출력 } const array = ['a', 'b', 'c', 'd']; // 배열 for( let i in array ) { console.log(array[i]); // a, b, c, d 속성값 출력 console.log([i]); // ['0'], ['1'], ['2'], ['3'] 인덱스 출력 } 객체가 반복될 때 사..