1 / 6

자바스크립트 DOM

ㅇ DOM (Document Object Model) : HTML 문서를 구성하고 있는 태그 조작. ㅇ 노드 ( 객체 ) 접근. 자바스크립트 DOM. ㅇ 함수. 자바스크립트 DOM. ㅇ 속성. 자바스크립트 DOM. <body> <ul> <li id="firstId">A</li> <li name="liName">B</li> <li class="liClass">C</li> </ul>

dillon-hendricks
Download Presentation

자바스크립트 DOM

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ㅇ DOM (Document Object Model): HTML 문서를 구성하고 있는 태그 조작 ㅇ 노드(객체) 접근 자바스크립트 DOM

  2. ㅇ 함수 자바스크립트 DOM

  3. ㅇ 속성 자바스크립트 DOM

  4. <body> <ul> <li id="firstId">A</li> <li name="liName">B</li> <li class="liClass">C</li> </ul> <input type="text" name="textName" id="txtId" class="textClass" value="텍스트" /> </body> 자바스크립트 DOM

  5. 자바스크립트 DOM

  6. ㅇ FORM 객체 하위요소 접근 (name 또는 id로 직접 접근 가능) <form name="examForm"> <input type="text" name="txt1" value="실행1" /> <input type="text" name="txt1" value="실행2" /> <input type="text" id="txt2" value="실행3" /> <input type="text" id="txt3" value="실행4" /> </form> 자바스크립트 DOM

More Related