머리가 나뻐서 삽질 SAP(Study And Programming)

document.getElementsByTagName() : 이 함수는 인자에서 제공하는 것과 같은 태그를 가진 일련의 요소의 참조를 반환합니다. example) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 결과 : 4 실무) 1 2 3 console.log(document.getElementById("inputId").value); //500;

document.getElementById() : ID 접근 1 2 3 console.log(document.getElementById("inputId").value); //500;

DOM example DOM을 사용하여 전구이미지를 토글하여 바꾸는 예) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Click to turn on/off the light 결과) * match : http://msdn.microsoft.com/ko-kr/library/7df7sf4x(v=vs.94).aspx * source : http://www.w3schools.com/

The innerHTML Property The easiest way to get the content of an element is by using the innerHTML property. The innerHTML property is useful for getting or replacing the content of HTML elements. Example The following code gets the innerHTML from the element with id="intro": 1 2 3 4 5 6 7 8 9 10 11 12 Hello World! result) The nodeName Property The nodeName property specifies the name of a node. ..

document.getElementsByName() : Name으로 접근 1 2 3 console.log(document.getElementsByName("in")[0].name); //in

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Hello World! This example demonstrates the getElementById method! 결과) * source : http://www.w3schools.com/

HTML DOM Objects - Methods and Properties Some commonly used HTML DOM methods: getElementById(id) - get the node (element) with a specified id appendChild(node) - insert a new child node (element) removeChild(node) - remove a child node (element) Some commonly used HTML DOM properties: innerHTML - the text value of a node (element) parentNode - the parent node of a node (element) childNodes - th..

DOM 은 객체지향 모델로써 구조화된 문서를 표현하는 방식. - HTML을 위한 표준 객체 모델 - HTMl을 위한 표준 프로그래밍 인터페이스 - 플랫폼과 프로그래밍 언어에 독립적 - W3C 표준 DOM 단계 현행의 DOM 규격은 단계 2이다. 그러나 일부 단계 3 규격 역시 현재 W3C의 권고안이다. 단계 0 DOM이 만들어지기 이전의 모든 벤더 종속적인 DOM을 포함한다. 예: document.images, document.forms, document.layers, document.all. 그러나 이것은 W3C이 공식적으로 공개한 규격이 아니며, 표준화 이전에 있던 단계를 말한다. 단계 1 DOM 문서에 대한 탐색과 조정 단계 2 XML 명칭 공간(네임스페이스; namespace) 지원, 필터링된 뷰..

출처 : w3schools