1. DOM(Document Object Model) XML이나 HTML 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공하기 위한 일종의 인터페이스. JavaScript가 , 제목이다. 내용이다. 위와 같은 HTML 문서에서 DOM Node는 아래와 같이 계층적 구조로 표현될 수 있음 상위 하위 html head text style text script text text body text h2 text → "제목이다." text p text → "내용이다." text 2. DOM Node와 Element DOM을 구성하는 각 Node들은 nodeType 속성을 갖고 있는데 와 ... 사이의 Enter ) 해당 text Node의 textContent 속성을 보면 "\n "으로 나오는..
① 배열은 아니지만: 배열의 메서드를 사용할 수 없음 ② 배열의 특성을 갖는 객체 - 숫자로 인덱싱이 되어 있고(0, 1, 2, ...) - length 프로퍼티를 가지고 있음: length 프로퍼티가 없다면 유사 배열로 인식하지 않음 const arrLike = { // 유사배열의 예 0: "내용1" 1: "내용2" 2: "내용3" 3: "내용4" length: 4 } document.querySelectorAll 메서드를 이용해 결과로 얻은 객체는 [[Prototype]]이 Array가 아닌 것에서 알 수 있듯이 유사 배열이므로 Array의 매서드를 사용할 수 없음. ES6부터 NodeList에 forEach 메서드가 추가되었기 때문에 forEach 사용이 가능하지만 IE에서는 NodeList.pro..
HTML 2022. 3. 26. 20:33
1. DOM(Document Object Model) XML이나 HTML 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공하기 위한 일종의 인터페이스. JavaScript가 , 제목이다. 내용이다. 위와 같은 HTML 문서에서 DOM Node는 아래와 같이 계층적 구조로 표현될 수 있음 상위 하위 html head text style text script text text body text h2 text → "제목이다." text p text → "내용이다." text 2. DOM Node와 Element DOM을 구성하는 각 Node들은 nodeType 속성을 갖고 있는데 와 ... 사이의 Enter ) 해당 text Node의 textContent 속성을 보면 "\n "으로 나오는..
JavaScript 2022. 3. 24. 21:18
① 배열은 아니지만: 배열의 메서드를 사용할 수 없음 ② 배열의 특성을 갖는 객체 - 숫자로 인덱싱이 되어 있고(0, 1, 2, ...) - length 프로퍼티를 가지고 있음: length 프로퍼티가 없다면 유사 배열로 인식하지 않음 const arrLike = { // 유사배열의 예 0: "내용1" 1: "내용2" 2: "내용3" 3: "내용4" length: 4 } document.querySelectorAll 메서드를 이용해 결과로 얻은 객체는 [[Prototype]]이 Array가 아닌 것에서 알 수 있듯이 유사 배열이므로 Array의 매서드를 사용할 수 없음. ES6부터 NodeList에 forEach 메서드가 추가되었기 때문에 forEach 사용이 가능하지만 IE에서는 NodeList.pro..