문서 객체2

• 

  [자바스크립트] 문서 객체 가져오기 문서 객체 가져오기 정적인 HTML 를 자바스크립트를 사용하여 동적으로 가져온다. getElementById(id) 매개변수 id가 태그 속성의 id와 같은 값일 때 문서 객체를 가져온다. 한번에 하나씩만 가져올 수 있다. getElementsByName(name) 매개변수 name가 태그 속성의 name과 같은 값일 때 문서 객체를 가져온다. 동일한 값이 여러개 있으면 배열로 가져온다. getElementsByTagName(tag) 매개변수 tag가 태그 와 같은 값일 때 문서 객체를 가져온다. 동일한 값이 여러개 있으면 배열로 가져온다. querySelector(선택자) 가장 처음 선택되는 문서 객체를 가져온다. (#id)에서 id와 같은 id를 가진 태그를 찾는다. querySelectorAll(선.. 프로그래밍/자바스크립트 2017. 8. 29.

• 

  [자바스크립트] 문서 객체 동적 생성 - createElement(), createTextNode(), appendChild(), innerHTML() 문서 객체 동적 생성 문서 객체 동적 생성(1) HTML 에 정의 되어 있지 않은 요소 노드와 텍스트 노드를 동적 생성한다. 아래에서 요소 노드와 텍스트 노드에 대해 알아본다. 본문 내용 동적 생성하기 html, head, title, body 와 같은 태그를 요소 노드라 한다 태그 사이에 '문서 객체 동적 생성' 또는 태그 사이에 있는 '본문 내용 동적 생성하기' 를 텍스트 노드라 한다. 문서 객체를 동적 생성을 위해 아래를 참고한다. 요소 노드 생성 : createElement(tag) - html 태그를 매개변수로 넘긴다. 텍스트 노드 생성 : createTextNode(text) - html 태그 사이에 넣을 텍스트를 매개변수로 넘긴다. html에 연동 하기 appendChild(노드) : 위에서.. 프로그래밍/자바스크립트 2017. 8. 25.