혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

속성 3

HTML id, class, name 속성 이해와 활용방법

웹 페이지의 구조, 디자인, 그리고 동적인 기능 구현에 결정적인 역할을 하는 id, class, name 속성HTML에서 사용하는 ID,CLASS,NAME을 알아봅시다!웹 개발의 기초이자 핵심인 HTML은 단순한 마크업 언어를 넘어, 웹 페이지의 의미 구조를 정의하고 다양한 기능을 구현하는 데 중요한 역할을 합니다. HTML 요소에 부여되는 여러 속성 중에서도 id, class, 그리고 name은 웹 페이지를 동적으로 만들고, 스타일을 적용하며, 사용자로부터 데이터를 효율적으로 수집하는 데 필수적인 요소입니다. 하지만 이 세 가지 속성은 각기 다른 목적과 특징을 가지고 있어, 이를 정확히 이해하고 적절하게 사용하는 것이 효율적인 웹 개발의 첫걸음입니다. 본 글에서는 id, class, name 속성의 개..

DEVELOPMENT 2025.03.22

11-07, 클라이언트 사이드

클라이언트사이드 문서 객체 선택 여러 가지 방법으로 HTML 요소를 선택 가능 id : document.getElementByld("id") - 이것은 배열에 담기지않음 문서 내의 요소들 중에서 속성 id가 'id'와 일치하는 요소 하나 선택 tag name document.getElementsByTagName("h1") - 반드시 복수로 해야함(상황에 따라서 다름) 문서 내의 모든 "h1"요소들을 선택 - 배열에 담아옴 (여러개를 하기에 배열이 필요 class name document.getElementsByClassName("cls") HTML class 속성은 클래스 이름이 동일한 스타일을 정의하는 데 사용됨 동일한 class 속성을 가진 모든 HTML요소는 동일한 스타일 갖습니다. css sele..