본문 바로가기
728x90

java script26

1.7 Using JavaScript Methods to Create Element and Text Nodes 브라우저가 HTML 문저를 파싱하면, HTML 파일에 있는 내용을 토대로 노드들과 트리를 생성한다. 여기서 브라우저는 HTML 문서를 처음 로딩할때 노드들을 생성한다. 하지만 createElement(), createTextNode()를 사용하면 필요한 노드를 생성할 수 있다. createElement()는 생성하기 원하는 요소를 스트링 인자로 받는다. 이 스트링 인자는 Element 객체의 tagName 프로퍼티가 반환하는 스트링과 같다. createAttribute()는 deprecated되었다. 따라서 createAttribute()대신 getAttribute(), setAttribute(), removeAttribute()를 사용하자. 만약 코멘트 노드를 생성하고 싶다면 createComment(.. 2021. 8. 25.
JavaScript에서의 객체 js의 객체를 형식적으로 정의 하면 프로퍼티의 집합이다. 프로퍼티는 name: value쌍으로 나타내어진다. 프로퍼티의 값에는 어떤 타입이라도 정의가 가능하다. 객체지향 프로그래밍의 흐름은 특징의 공통성(타입)보다는 인스턴스 간의 협조에 초점을 맞춘다. 즉, 메시지를 주고받는 객체이다. 메시지를 받는 객체는 전달된 메시지에 반응한다. 메시지를 구현 차원으로 떨어뜨리면 메서드 호출로, 메시지에 대한 반응은 메서드 안에서 처리를 나누게 된다. js에서의 객체지향에서는 객체간의 협조(메시지 전달)는 프로퍼티 접근이다. 객체간의 공통성은 같은 객체에서 성질을 계승하는 형태로 구현된다. js에서는 이를 프로토타입 기반으로 구현한다. 객체 리터럴 Js에서 객체 리터럴은 객체를 생성하는 한가지 방법이다. 객체 리터럴.. 2021. 8. 21.
1.5 Identifying the Type and Name of a Node 모든 노드들은 Node에서 상속받은 nodeType과 NodeName 프로퍼티가 존재 한다. 예를 들어 Text노드의 nodeType은 3이고 nodeName은 #text이다. 다음은 5종류의 노드에 대한 nodeType과 nodeName이다. node nodeType nodeName document 9 #document 10 html DocumentFragment 11 #document-fragment a 1 A text 3 #text 노드가 특정 타입인지를 체크하고 싶을때 가장 빠른 방법은 nodeType을 검사하는 것이다. 2021. 8. 21.
1.4 Properties and Methods from Working with Nodes 모든 노드 객체들은 Node 객체로부터 프로퍼티들과 메서드들을 상속받고 있다. 이런 프로퍼티들과 메서드들을 돔을 조작, 검사, 순회할 수 있게 해주는 기본적인 값과 함수이다. 노드 인터페이스에서 제공되는 프로퍼티들과 메서드 외에 다른 관련있는 수 많은 프로퍼티들과 메서드들은 서브노드 인터페이스에 의해 제공된다(e.g. document, HTMLElement, HTML*Element interface). 아래의 Node 프로퍼티들과 메서드들은 모든 노드 객체들이 공통적으로 상속받고 있는 것들과 서브노드 인터페이에서 상속된 것들이다. Node Properties childNodes, firstChild, lastChild, nextSibling, nodeName, nodeType, nodeValue, par.. 2021. 8. 20.
728x90

티스토리툴바