본문 바로가기
728x90

java script/DOM15

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.
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.
1.3 Subnode Objects Inherit From the Node Object 전형적인 돔 트리에 있는 각 노드 객체는 Node의 프로퍼티들과 메서드들을 상속한다. 문서에 있는 노드의 유형에 따라 다르지만, Node 객체를 상속하는 하위 노드 객체, 인터페이스 역시 존재 한다. 가장 일반적인 노드 인터페이스에 대해 브라우저에서 구현한 상속모델은 다음과 같다( 2021. 8. 19.
728x90

티스토리툴바