네이처리 노트
[javascript] CSS style 접근하기 본문
728x90
반응형
공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요
element.style.display = "none";
🌒 Class Name으로 접근하기
Element.classList.contains("클래스명"); // 클래스를 포함하는지, Return Boolean
Element.classList.remove("클래스명");
Element.classList.add("클래스명");
Element.classList.toggle("클래스명");
🌒 focus
element.focus(); // Focus 부여하기
if (element === document.activeElement) //Focus 요소찾기
Reference
1) 🔗
[Javascript] class 추가/변경/삭제/읽기 (className, classList)
class 이름 읽기 class 추가/수정 class 삭제 class toggle 특정 클래스 이름이 class 속성에 포함되는지 확인하기 1. class 이름 읽기 예제 1. className function handleOnClick() { alert(document.getElementB..
hianna.tistory.com
2) 🔗
CSS 가상 셀렉터(Pseudo Selector) :active, :hover, :focus
가상 선택자(셀렉터)를 이용하면 HTML 요소의 상태에 따라서 해당 요소의 스타일을 다르게 적용할 수 있습니다. 대표적인 것이 hover, active, focus입니다. 아래의 예제처럼 사용할 수 있습니다. :hover
hogni.tistory.com
728x90
반응형
'개발기록 > Javascript' 카테고리의 다른 글
| [javascript] event | 전파에러, 버블링현상, 새로고침되는 현상 (0) | 2022.09.07 |
|---|---|
| [javascript] event | 클릭이벤트 파라미터 전달하기 (0) | 2022.09.07 |
| [javascript] HTML attribute 적용하기 (속성형태, 객체형태) (0) | 2022.09.07 |
| [javascript] HTML 태그 추가 및 삭제 (0) | 2022.09.07 |
| [javascript] HTML element 접근하기, 존재여부 확인하기 (0) | 2022.09.07 |
Comments