Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- react redux
- foreach
- javascript React
- Redux
- useParams
- Redux store
- JSON
- React onClick
- 자바스크립트
- react
- 6주포트폴리오
- couchcoding
- db.json
- sort
- toString
- line-through
- 콜백함수
- 블럭요소
- React state
- redux 사용방법
- javascript코딩테스트
- 협업프로젝트
- JavaScript
- 자바스크립트배포
- useEffect
- redux toolkit
- first-child
- 인라인블럭
- useSearchParams
- 카우치코딩
Archives
- Today
- Total
개발하는 루루언니
javascript : setAttribute : 요소의 속성값을 정하는 메서드 본문
728x90
반응형
기본형태
element.setAttribute(속성명, 속성값);
setAttribute() 메서드는 지정된 요소의 속성 값을 설정한다. 만약 이미 속성값을 가지고 있었다면 그 값을 지우고 새로운 값을 적용한다.
<예제>
[CSS]
.democlass {
color: red;
background-color : yellow;
}
[HTML]
<h1 id="set" > setAttribute 메서드 적용 <h1>
<button id="btn" onclick="click()"> 클레스 추가 </button>
[JS]
function click() {
document.getElementById("set").setAttribute("href","https://naver.com");
document.getElementById("set").style.color = "red";
}
🌈 결과
- ★ 변경전
setAttribute 메서드 적용
클레스 추가 |
🍭 클레스 추가 버튼을 클릭하게 되면? Attribute 가 실행이 되면서 style.color 가 red 가 된다.
- ⭐️ 변경후
setAttribute 메서드 적용
클레스 추가 |
========================================================================================
728x90
'컴퓨터 정보 > javascript' 카테고리의 다른 글
javascript : select_box 년도별로 나오게 하기 (0) | 2024.01.16 |
---|---|
Jquery : selectBox 에서 option 의 text, value 값 가져오기 (0) | 2024.01.10 |
javascript : set 데이터 출력 (0) | 2023.11.14 |
javascript : file 사이즈 체크하기 (0) | 2023.09.04 |
javascript : < form enctype = "multipart/form-data " /> (0) | 2023.09.04 |