dom객체

TweekS Study/JavaScript

[JavaScript] DOM 객체로 HTML 요소의 속성 바꾸기

안녕하세요! 오늘은 DOM 객체로 HTML 요소의 속성 바꾸는 법에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 DOM객체에 관련된 글을 읽고 와주세요!! 그럼 이제 DOM 객체로 HTML 요소의 속성을 바꾸는 법에 대해 알아보겠습니다!! 텍스 필드의 값 다루기 1. 텍스트 필드의 값 가져오기 값 가져오기 function getValue() { var textField = document.getElementById('myTextField'); var textFieldValue = textField.value; alert('텍스트 필드의 값: ' + textFieldValue); } 사용자가 입력한 텍스트 필드의 값을 가져오기 위해 getElementById로 해당 텍스트 필드를 찾고, 그 값은..

TweekS Study/JavaScript

[JavaScript] DOM 객체와 이벤트 처리에 대하여

안녕하세요! 오늘은 자바스크립트의 DOM 객체와 이벤트 처리에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 전에 함수와 이벤트에 대해 잘 모르신다면 이 글(함수) 과 이 글(이벤트)을 읽고 와주세요!! 그럼 이제 DOM 객체와 이벤트 처리에 대해 알아보겠습니다!! DOM이란? DOM이란 Document Onject Model의 약자입니다. 문서 객체 모델이라고 하며 HTML 혹은 XML문서의 구조화된 표현을 제공하는 표준입니다. HTML에서는 자바스크립트가 DOM 구조에 접근 할 수 있는 방법이 제공되 이를 문서 구조, 스타일, 내용등을 변경 할 수 있습니다. document document는 웹 문서 자체를 가리키는 DOM요소 중 하나입니다. 간단한 문서를 통해 document에 대해 살펴보..

노 코딩 노 라이프
'dom객체' 태그의 글 목록