Front-End19 [Javascript 기초] 반복적인 요소에 이벤트 연결 반복적인 요소에 이벤트 연결 로직입니다. See the Pen 반복적인 요소에 이벤트 연결 by 김민기 (@srmvdusg-the-builder) on CodePen. 2023. 10. 10. [Javascript 기초] DOM 속성 제어하기 DOM 속성을 제어하는 방법입니다. 1. getAttribute() : 지정한 요소의 특정 속성의 값을 가져옵니다. 2. hasAttribute() : 지정된 요소에 지정된 특성이 있는지 검사합니다. 3. setAttribute() : 지정한 요소에 속성 값을 설정합니다. (이미 속성이 있으면 업데이트, 없다면 추가) 4. removeAttribute() : 지정한 이름의 속성을 요소에서 제거합니다. See the Pen Untitled by 김민기 (@srmvdusg-the-builder) on CodePen. 2023. 10. 4. [Javascript 기초] DOM 스타일링 Javascript를 사용하여 DOM 객체의 style을 다루는 방법입니다. 1. style 변경 (단일 속성, 복수 속성) 2. style 읽어오기 (getComputedStyle) 1. style 속성 추가 style.css속성 또는 style.cssText를 사용하여 style을 정의할 수 있습니다. 1) style.css속성 : 기존에 정의된 style에 새로운 속성을 추가합니다. *css속성은 카멜 케이스로 작성합니다. ex) background-color > backgroundColor 2) style.cssText : 기존에 정의된 style을 지우고, cssText로 덮어 씁니다. See the Pen DOM 스타일링 by 김민기 (@srmvdusg-the-builder) on CodePe.. 2023. 8. 9. [Javascript 기초] Event가 발생한 대상 알아내기 Event가 발생 대상을 알아내는 방법으로는 e.target과 e.currentTarget이 있습니다. [e.target] 이벤트가 발생했을 마우스 포인터가 위치해 있는 요소를 반환 [e.currentTarget] 이벤트가 발생했을 때 이벤트 문에서 선택자 요소를 반환 이러한 코드에서 각 요소를 클릭했을 때의 결과이다. 2023. 7. 25. 이전 1 2 3 4 5 다음