목록2025/01/21 (2)

Multi Developer SuHo

[자바스크립트 실습] DOM을 사용하여 댓글 구현

안녕하세요!! 이번에는 자바스크립트 DOM을 사용한 댓글을 구현하였습니다. 코드의 내용은 주석으로 설명하였습니다. HTML 코드 댓글 쓰기0 JS 코드 // 댓글의 형태가 객체// 생성자 함수// /* { uid: "", content : "", date : "" }*/// 유저의 정보를 담는 객체const user = { uid : "soon",}; const commentList = document..
자바스크립트 기록 2025. 1. 21. 12:48
[자바스크립트 문법] DOM의 사용목적과 DOM의 문법

안녕하세요~ 저번 내용 이어서 DOM의 사용목적과 DOM의 문법들을 살펴보겠습니다. 우선 DOM에 대한 개념을 알고 학습하시는걸 권장드립니다. 목차1. DOM의 사용목적2. DOM의 문법2-1. DOM객체의 요소 선택 2가지 방법2-2. getElementById( )2-3. getElementById( ) 특징2-4. getElementById( ) 사용 코드2-5. querySelector( ) 2-6. querySelector( ) 특징2-7. querySelector( ) 사용 코드3. 요소의 속성값 3-1. 요소의 속성값 코드3-2. 요소의 내용 추가3-3. innerText 3-4. innerHTML3-5. 요소의 이벤트 속성 3-6. onclick 이벤트 속성3-7. onclcik 이벤트 속..
자바스크립트 기록 2025. 1. 21. 11:16
이전 Prev 1 Next 다음