구현가능한가해서..테스트 코드 짜봄..
이렇게 하거나 이미지변경하거나..
<!doctype html>
<html lang="ko">
<head>
<meta charset = utf-8">
<title>TEST</title>
</head>
<body>
<div id="testDIV" onclick="fn_bgTEST();">
애국가
애국가의 역사를 살펴보아요
애국가의 역사
애국가(愛國歌)는 <span id="bg_black1">‘나라를 사랑하는 노래’</span>라는 뜻이에요. 우리나라는 애국가에 특별한 이름을 붙이지 않고 국가(國歌)로 사용하고 있어요.
오늘날 불리고 있는 애국가 노랫말은 우리나라가 <span id="bg_black2">외세</span>의 침략으로 위기에 처해있던 시기(1907년 전후)에 나라 사랑하는 마음과 우리 민족의 자주의식을 북돋우기 위해 만들어진 것으로 보여져요.
그 후 여러 선각자의 손을 거쳐 현재와 같은 내용을 담게 되었는데 이 노랫말에 붙여진 곡조는 스코틀랜드 민요 ‘올드 랭 사인 (Auld Lang Syne)’ 이었답니다. 당시 해외에서 활동 중이던 작곡가 <span id="bg_black3">안익태</span>(安益泰) 선생은 애국가에 남의 나라 곡을 붙여 부르는 것을 안타깝게 여겨 1935년에 오늘날의 애국가를 작곡하였다고 해요.
1948년 대한민국 정부가 수립된 이후 현재의 애국가가 정부의 공식행사에서 불려지고, 교과서에도 실리면서 전국적으로 불려지기 시작했답니다.
한 세기 가까운 세월 동안 슬플 때나 기쁠 때나 우리 겨레와 운명을 같이 해 온 애국가를 부를 때마다 우리 모두 선조들의 나라 사랑 정신을 새롭게 되새겨보아요.
</div>
<script>
function fn_bgTEST(){
document.getElementById("bg_black1").style.backgroundColor="black";
document.getElementById("bg_black2").style.backgroundColor="black";
document.getElementById("bg_black3").style.backgroundColor="black";
}
</script>
</body>
</html>반응형
'차근차근 > HTML CSS' 카테고리의 다른 글
| 특정 메뉴 스크롤에 따라 고정 (1) | 2023.11.29 |
|---|---|
| 스크롤위치에 따라 화면변경, 애플처럼 (0) | 2023.10.04 |
| 게시판 이용 시 스크롤 위치가 변경되는 경우 (0) | 2023.09.22 |
| robots.txt (0) | 2023.02.07 |
| swiper auto loop .. 따라해봄 (0) | 2022.10.27 |