appendChild

    [JavaScript] JavaScript JSON Parsing ( new XMLHttpRequest() )

    예제코드 1 json의 경우 xml과는 다르게 단순하게 .(dot)을 통해서 접근이 가능하다. options의 경우처럼 여러개의 value가 있는 경우 배열의 인덱스를 통해서 접근이 가능하다. 예제코드 2 번호제목(title)저자(author)가격(price) book.json [ { "title":"자바의 정석", "author":"남궁성", "price":30000 }, { "title":"모던 자바스크립트 Deep Dive", "author":"이응모", "price":45000 }, { "title":"하루 10분 SQL", "author":"한상일", "price":24000 }, { "title":"지쳤거나 좋아하는 게 없거나", "author":"강한별", "price":13500 }, { ..

    [JavaScript] DOM이란? JavaScript로 html 태그 추가(JavaScript를 사용해 DOM에 새로운 노드 추가, childNodes)

    DOM? (Document Object Model) 각 tag를 접근하기 위한 object, 그 object를 접근하기 위한 함수들 Document = 문서 -> 문서안의 tag에 접근하도록 만들어진 Object Object = 객체 문서 객체 모델 DOM은 HTML, XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화된 표현(Structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕니다. DOM은 구조화된 nodes와 property와 method를 갖고 있는 object로 문서를 표현한다. getElementById() - id 속성을 가진 요소를 찾고, 이를..