-
[javascript] 54. DOM 메소드(DOM method) - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 15:36JavaScript - HTML DOM Methods
HTML DOM 메소드는 HTML 요소로 수행 할 수 있는 행위 입니다.
HTML DOM 속성은 설정할 수 있고, 변경 가능한 HTML 요소의 값 입니다.
1. The DOM Programming Interface
HTML DOM은 자바스크립트에서 접근 할 수 있습니다.DOM 에서, 모든 HTML 요소는 객체로서 정의되어 있습니다.프로그래밍 인터페이스는 각 객체의 속성과 메소드입니다.속성(property)는 얻거나 설정 할 수 있는 값 입니다.메소드(method)는 해야 할 일의 행위 입니다.2. Example
아래 예제는 아이디가 demo인 <p> 요소의 내용을 바꾸는 예제 입니다.1234567891011<html><body><p id="demo"></p><script>document.getElementById("demo").innerHTML = "Hello World!";</script></body></html>cs 위 예제에서 getElementById는 메소드이고, innerHTML은 속성입니다.
3. The getElementById Method
HTML 요소에 접근하는 가장 일반적인 방법은 요소의 아이디를 이용하는 것 입니다.위의 예제는, getElementById 메소드를 사용하여 id가 demo인 요소를 찾는 것 입니다.
4. The innerHTML Property
요소의 내용물을 가져오는 가장 쉬운 방법은 innerHTML 속성을 이용하는 것 입니다.innerHTML 속성은 HTML 요소의 내용물을 가져오거나 대치할 때 유용합니다.'Web > JavaScript' 카테고리의 다른 글
[javascript] 57. DOM HTML - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 56. DOM 요소(DOM elements) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 55. DOM 문서(DOM document) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 53. HTML DOM - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 52. closure - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 51. 함수 호출(function invocation) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13