본문 바로가기

전체 글

 (596)
Text 객체 - 값 API (Section 31) 참고> opentutorials.org/course/1375/6745 1. nodeValue, data : Text 객체의 값을 제공
Text 객체 (Section 30) 참고> opentutorials.org/course/1375/6744 1. Text 객체 : CharacterData 객체를 상속함. 2. DOM에서는 줄바꿈, 공백조차도 노드와 매핑이 되어 있다..!!
Document 객체 (Section 29) 참고> opentutorials.org/course/1375/6740 1. HTMLDocument 객체: Document 객체를 상속받은 객체. HTML 문서를 대표하는 객체. 2. Document - HTMLDocument 관계는 Element - HTMLElement 관계와 비슷. HTML 문서에서 실제적인 조작은 HTMLElement가 한다. 3. 노드 생성 등의 역할을 함
문자열로 노드 제어 (Section 28) 참고> opentutorials.org/course/1375/6738 1. innerHTML: 자기를 제외한 자식들만 보여줌 -> 읽기를 통해 target 노드의 하위 노드를 손쉽게 할당할 수 있음. 2. outerHTML: 자기를 포함한 전체를 보여줌 3. innerText, outerText: 하위 노드로 쓰는 게 아니라 정말 Text로 취급. 4. insertAdjacentHTML: 특정 HTML 문을 특정 위치에 낑겨넣음 - 첫번째 인자로 주는 옵션: beforebegin, afterbegin, beforeend, afterend
Node 객체 - jQuery 노드 변경 API (Section 27) 참고> opentutorials.org/course/1375/6743 1. before(), after() : 노드의 앞, 뒤에 추가 2. prepend(), append() : 노드의 하위 카테고리의 앞, 뒤에 추가 3. remove() : 노드 제거 4. empty() : 노드의 값을 지움 5. replaceWith(), replaceAll() : 노드의 내용을 교체함 - replaceWith(): 제어 대상을 먼저 지정 - replaceAll(): 제어 대상을 인자로 전달 6. clone() : 노드 복사
Node 객체 - Node 변경 API (Section 26) 참고> opentutorials.org/course/1375/6701 1. 객체 생성은 document 객체의 createElement() 함수를 사용해서 할 수 있음. 2. appendChild(), removeChild(), replaceChild()
Node 객체 - Node 종류 API (Section 25) 참고> opentutorials.org/course/1375/6700 1. nodeType : Node의 종류를 알 수 있음 2. nodeName: Node의 이름
Node 객체 - Node 관계 API (Section 24) 참고> opentutorials.org/course/1375/6699 1. firstChild: root tag와 그 다음 tag 사이에 줄바꿈, 공백 등이 있으면 #text가(Text 객체) 첫번째 child가 됨. 2. nextSibling, previousSibling, parentNode 등으로 Node와 Node 사이를 왔다갔다 할 수 있음.

티스토리툴바