본문 바로가기

programming99

DOM 메소드_노드만들기_createElement, createTextNode createElement/* creatElement메소드는 특정 태그내에 포함된 새로운 요소 노드를 만들때 사용 이 메소드는 새로 만들어진 요소를 반환 만들려고 하는 태그명을 인수로 가짐. */ //구문 reference= document.createElement(element); //예제 reference = document.createElement("p"); reference = document.createElement("h1"); /* createElement에서 반환된 reference 는 노드 객체 이는 요소 노드이기 때문엔 nodeType프로퍼티 값은1 */ /* 새로 만들어진 요소는 바로 문서내에 추가할수 있는것이 아니다 새노드가 parentNode 프로퍼티를 가지고있지 않기때문 자바스크립트.. 2012. 8. 7.
노드찾기 getAttribute, getElementByID, getElementsByTagName, hasChildNodes 메소드 /* 노드 찾기 문서 구조의 노드 위치를 찾을 수 있는 몇 가지 메소드들이 있음 */ /* getAttribute setAttribute 메소드는 지정 요소의 속성 노드의 이름에 해당하는 값을 찾아서 반환 */ //구문 attributeValue = element.getAttribute(attributeName); //예제 var msg = document.getElementById("fineprint"); var titletxt = msg.getAttribute("title"); /////////////////////////////////////////////////////////////////////////////////////////////// /* getElementById getElementBy.. 2012. 8. 7.
DOM프로퍼티-노드프로퍼티--nodeName, nodeType, nodeValue /* 문서내에 모든 노드는 아래의 프로퍼티를 가짐 */ /* nodeName nodeName 프로퍼티는 특정 노드의 이름을 포함한 문자열을 반환합니다. */ //구문 name = node.nodeName /* 노드가 요소이면 요소이름 반환(tagName프로퍼티와 같은값을 가집니다.) 노드가 속성이면 속성이름 반환 노드가 텍스트노드면 텍스트문자열 반환 nodeName 프로퍼티 읽기전용이고 값을 바꾸거나 변경할수없음. */ ///////////////////////////////////////////////////////////////////////// /* nodeType nodeType프로퍼티는 특정노드의 형식을 지정하는 정수값을 반환해줌 */ //구문 integer = node.nodeType /* 1.. 2012. 8. 7.
DOM 프로퍼티 - 노드내부 구조보기 -- childNodes, firstChild, lastChild, parentChild, nextSibling, previousSibling /* 이웃하고 있는 노드들 사이에 정보를 찾기 위해서 여러가지 프로퍼티를 사용하다. */ /* childNodes childNodes프로퍼티는 특정 요소의 자식 노드를 배열값으로 반환 */ //구문 nodeList = node.childNodes /* nodeList의 각 값은 객체고 배열로 저장된다. nodeType, nodeName, nodeValue같은 노드 프로퍼티로 구성되어있음. ****텍스트 노드와 속성노드는 자식노드가 없다 이런경우 childNodes는 빈 배열 값포함이 반환. 노드에 자식노드가 있는지 알고싶으면 hasChildNodes메소드를 사용하면 된다. */ // 지정요소의 자식노드의 갯수*** node.childNodes.length document.childNodes[0].node.. 2012. 8. 7.

티스토리툴바