Element
-
[javascript] 63. DOM Node List - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:42
JavaScript HTML DOM Node List 노드 목록은 노드의 집합입니다. 1. HTML DOM Node List getElementsByTagName() 메소드는 노드 목록을 반환합니다. 노드 목록은 배열 같은 노드 집합입니다. 아래 코드는 문서의 모든 노드를 가져옵니다. 1var x = document.getElementsByTagName("p");cs 2. HTML DOM Node List Length length 속성은 노드 목록의 노드의 수를 정의 합니다: 1234567891011121314151617181920 Hello World! How many paragraphs in this document? This example demonstrates the length property ..
-
[javascript] 62. DOM Node - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:41
JavaScript HTML DOM Elements (Nodes) 1. Creating New HTML Elements (Nodes) HTML DOM에 새로운 요소를 추가하기 위해서, 먼저 요소를 생성하고, 존재하는 요소에 덧붙이면 됩니다. 1234567891011121314 This is a paragraph.This is another paragraph. var para = document.createElement("p");var node = document.createTextNode("This is new.");para.appendChild(node); var element = document.getElementById("div1");element.appendChild(para);Colored by..
-
[javascript] 57. DOM HTML - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:37
JavaScript HTML DOM - Changing HTML HTML DOM은 HTML 요소의 내용을 변경 할 수 있게 자바스크립트에게 허용합니다. 1. Changing the HTML Output Stream 자바스크립트는 동적인 HTML 내용을 만들 수 있습니다. document.write()는 HTML 출력 스트림을 직접 작성하는 것 입니다. 1234567891011 document.write(Date()); cs * 문서가 로드가 된 후, document.write()를 사용하지 마세요. 문서에 덮어쓰게 됩니다. 2. Changing HTML Content HTML 요소의 내용을 바꿀때, 아래 문법을 사용합니다. document.getElementById(id).innerHTML = new H..
-
[javascript] 56. DOM 요소(DOM elements) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:37
JavaScript HTML DOM Elements 1. Finding HTML Elements 종종 자바스크립트에서, HTML 요소를 조작하기를 원합니다. 이러한 일을 하기 위해, 요소를 찾는 일을 먼저 해야합니다. 이러한 일을 하는 여러 가지 방법이 있습니다: - id를 통하여 HTML 요소 찾기 - tag 이름을 통하여 HTML 요소 찾기 - class 이름을 통하여 HTML 요소 찾기 - HTML 객체 집합을 통해서 HTML 요소 찾기 2. Finding HTML Elements by Id DOM에서 HTML 요소를 찾는 가장 쉬운 방법은 요소 아이디를 이용하는 것 입니다. 1var x = document.getElementById("intro");cs 요소를 찾았다면, 메소드는 요소를 객체로서 ..