전체 글200 문자열로 Node 제어 ☆ 이전보다 좀 더 편리한 방법! innerHTML* 문자열로 자식노드를 만들거나 자식노드의 값을 읽어오는 기능을 제공한다. - 예제 >실행 화면 링크실행 화면 링크실행 화면 링크실행 화면 링크 2016. 10. 16. Node 변경 추가추가와 관련된 주요 메소드는 4가지 이다.before append > after - 예제 (문서의 구조 변경) >실행 화면 링크실행 화면 링크실행 화면 링크실행 화면 링크실행 화면 링크 2016. 10. 15. Node 객체 : 변경 API 변경 API* 노드를 추가 / 제거 / 변경하는 API 1. 노드 추가* 노드를 추가하기 위해서는 추가할 엘리먼트를 생성해야 하는데 이는 document 객체의 기능이다. - 종류* appendChild(child) : 노드의 마지막 자식으로 주어진 엘리먼트 추가* insertBefore(newElement, referenceElement) : appendChild와 동작방법은 같으나 두번째 인자로 엘리먼트를 전달 했을 때 이것 앞에 엘리먼트가 추가된다. - document 노드 API* document.createElement(tagname) : 엘리먼트 노드를 추가한다.* document.createTextNode(data) : 텍스트 노드를 추가한다. HTML CSS - 결과 HTML CSS 2. .. 2016. 10. 15. Node 객체 : 종류 API 종류 API* 현재 선택된 노드가 어떤 노드인지 반환* 각각의 구성요소가 어떤 카테고리에 속하는 것인지 알려주는 식별자 - 종류* Node.nodeType : 노드의 타입을 의미한다* Node.nodeName : 노드의 이름(태그명)을 의미한다. -NodeType* 노드의 종류에 따라 정해진 상수가 존재한다.* 모든 노드의 종류와 그에 따른 값 출력 for(var name in Node){ document.write(' '+name+" = "+ Node[name]); } 2016. 10. 15. 이전 1 ··· 39 40 41 42 43 44 45 ··· 50 다음 반응형
