반응형

DOM 4

[Java Script] DOM / audio객체, 동적 생성 및 제거

잡담와 많이 늦었습니다. 여러 가지 배우는 걸 복습하다 보니 블로그 작성하는 시간이 부족하네요.. 이것도 사실 다 핑계겠죠. 각설하고 바로 들어가 보도록 하겠습니다.1. AudioJavaScript에서 DOM 객체를 사용하여 오디오를 조작하려면 요소를 사용합니다. 이를 통해 오디오를 재생, 일시 정지, 볼륨 조절 등을 할 수 있습니다. 아래는 기본적인 사용법입니다: 위와 같이 HTML에서 요소를 만들고, JavaScript에서는 DOM을 사용하여 이 요소에 액세스 할 수 있습니다.// 오디오 요소 가져오기var audio = document.getElementById("myAudio");// 재생function playAudio() { audio.play();}// ..

Java Script 2024.04.24

[Java Script] DOM / setAttribute, getAttribute

잡담이번에는 DOM / setAttribute, getAttribute에 대해서 공부해 봅니다. 오늘 진도를 많이 나가서 하루 만에 3번째 게시글이에요. 보통 이렇게 진도 안 나가셨는데 오늘은 무슨 일인지 많이 나가시더라고요. 그래서 복습하기도 힘듭니다. 그래도 열심히 달려봅니다.1. setAttribute DOM(문서 객체 모델) 요소의 속성을 설정하는 메서드입니다. 이 메서드를 사용하면 HTML 요소의 속성을 동적으로 변경할 수 있습니다.일반적으로 HTML 요소의 속성은 HTML 태그 내에 정적으로 지정되지만, JavaScript를 사용하여 요소의 속성을 동적으로 변경해야 할 때가 있습니다. 이때 setAttribute 메서드를 사용합니다.setAttribute 메서드는 다음과 같은 형식을..

Java Script 2024.04.01

[Java Script] DOM / Input Control

input type="checkbox"잡담앞서서 DOM에 대한 짧은 설명과 기본 메서드들 몇 가지를 알아봤었는데요 오늘은 input을 받아서 dom을 사용해 보도록 하겠습니다. 마지막에는 해당 내용들을 이용해서 간단한 프로젝트 한번 해봤는데 좀 더 잘해지고 싶습니다. 딱 봐도 초보자 티가 나긴 하지만 그래도 조금씩 나아지고 있는 거 같아요.Input ControlInput 컨트롤은 사용자가 웹 페이지나 응용 프로그램에서 텍스트나 데이터를 입력할 수 있도록 하는 HTML 요소입니다. 주로 폼(form) 요소 내에 사용되며, 사용자로부터 정보를 입력받는 데 사용됩니다. 아래는 주요한 input 컨트롤 유형에 대한 설명입니다.텍스트 입력(input type="text"): 한 줄의 텍스트를 입력할 수..

Java Script 2024.04.01

[Java Script] DOM / 기본 메서드

잡담 이번에 정보처리기사 실기 신청했습니다. 4월 27일 한 달도 안 남았는데요.. 요즘 정보처리기사 실기 합격률이 10%대로 나온다던데, 벌써 두렵습니다. java랑 python은 학원에서 수업으로 공부하던 거로 치면 될 거 같은데 C언어는 대학교 때 배웠던 게 기억이 잘 안 나네요.. 포인터 이쪽은 어렵더라고요. 이론은 왜 이렇게 외울게 많은지. 다들 힘냅시다~ DOM (Document Object Model) JavaScript DOM (문서 객체 모델)은 웹 문서를 위한 프로그래밍 인터페이스입니다. 이는 HTML 또는 XML 문서의 구조를 트리 모델로 나타내며 각 노드가 문서의 일부를 나타냅니다. JavaScript를 사용하여이 트리를 조작하여 웹 페이지의 내용, 구조 및 스타일을 동적으로 변경할..

Java Script 2024.04.01
반응형