I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 자바스크립트 background-color 변경하기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 4. 10. 22:34

반응형

[즐거'웅'코드] 목차

  1. JAVASCRIPT
  2. 예제 소스
  3. 구현 예시
JAVASCRIPT
1
2
3
 
<script>
    document.getElementById('(아이디명)').style.backgroundColor = "(값)";
</script>
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<button onclick="test()">background-color 변경하기</button>
 
<div id="test_obj"></div>
 
<style>
    div {
        width: 200px;
        height: 50px;
        border: 1px solid #bbbbbb;
        background-color: #fbfbfb;
    }
</style>
 
<script>
    function test() {
        document.getElementById('test_obj').style.backgroundColor = "#db0d36";
    }
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) 제이쿼리 margin-top 변경하기  (0) 2021.04.12
(즐거웅코드) 자바스크립트 글자 색상(font color) 변경하기  (0) 2021.04.11
(즐거웅코드) 자바스크립트 background 변경하기  (0) 2021.04.09
(즐거웅코드) 자바스크립트 height 변경하기  (0) 2021.04.08
(즐거웅코드) 자바스크립트 width 변경하기  (0) 2021.04.07

관련글

댓글 0

티스토리툴바