Development(7985)
-
화면에 문서객체 출력 - appendChild()
화면에 문서객체 출력 //h1 태그 생성 var header = document.createElement('h1'); //텍스트 생성 var textNode = document.createTextNode('Hello DOM'); //노드를 연결 header.appendChild(textNode); document.body.appendChild(header);
-
프로토타입(Prototype)
프로토타입(Prototype)· 속성과 메서드를 포함하는 객체· 모든 객체는 자신의 부모 역할을 하는 프로토타입 객체를 가리키는 숨겨진 프로퍼티가 있습니다.· 객체 생성 표기법에 의해 즉 중괄호({})를 이용하여 생성된 모든 객체는 자바스크립트의 표준 객체인 Object의 속성인 prototype 객체(Object.prototype)에 연결됩니다.· 모든 객체는 속성을 상속하는 프로토타입 객체에 연결이 됩니다. · 객체를 생성할 때 결정된 프로토타입 객체는 생성 이후 임의의 다른 객체로 변경하는 것이 가능합니다.· 이는, 부모 객체를 동적으로 바꿀 수 있다는 것입니다. 자바스크립트에서는 이러한 특징을 이용해서 객체 상속등의 기능을 구현합니다.· ECMAScript명세서에는 이 프로퍼티를 [Prototyp..
-
document 객체 메소드
document 객체 메소드document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공합니다.
-
document 객체 속성
document 객체 속성· HTML DOM Level 1은 1998년에 정의되어, HTML5에서도 계속 사용되고 있습니다.· 2004년에는 HTML DOM Level 3가 새롭게 정의되어, Level 1과 같이 사용되고 있습니다.· HTML DOM에서 제공하는 객체 집합(object collection)을 이용하면 HTML 객체를 손쉽게 선택할 수 있습니다.
-
document 객체, 도큐먼트 객체
document 객체· window 객체의 가장 중요한 프로퍼티 중 하나가 바로 document 객체입니다.· html 문서 자체를 나타내는 객체입니다.· 각각의 웹 페이지는 자신의 문서(document) 객체를 갖습니다.· document 객체는 브라우저 창에 표시되는 내용에 해당하는 문서(document)를 나타내는 객체입니다.· document 인터페이스는 웹 페이지의 컨텐츠(DOM 트리, 즉 또는 와 같은 요소(Element) 등)에 대한 진입점으로서의 역할을 합니다.· 해당 문서에 대한 전역 기능(페이지의 URL 가져오기, 문서 내에 새 요소 생성하기 등)을 제공합니다. 이를 통해 document객체는 브라우저에서 보여주는 문서에 관련된 정보에 접근할 수 있습니다.· 스크립트를 이용하여 HTML..
-
DOM 활용 작업
DOM 활용 작업DOM을 이용하여 다음과 같은 작업을 할 수 있습니다. · 새로운 HTML 요소나 속성을 추가할 수 있습니다.· 이미 존재하는 HTML 요소나 속성을 제거할 수 있습니다.· HTML 문서의 모든 HTML 요소를 변경할 수 있습니다.· HTML 문서의 모든 HTML 속성을 변경할 수 있습니다.· HTML 문서의 모든 CSS 스타일을 변경할 수 있습니다.· HTML 문서에 새로운 HTML 이벤트를 추가할 수 있습니다.· HTML 문서의 모든 HTML 이벤트에 반응할 수 있습니다.