문서 객체 스타일 변경하기
2021. 11. 22. 20:28ㆍStudy/JavaScript
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOM</title>
<script>
function textstyle(){
document.getElementById("msg").style.color="blue";
document.getElementById("msg").style.fontSize="30px";
document.getElementById("msg").style.fontStyle="italic";
};
function texthidden(){
document.getElementById("msg").style.visibility="hidden";
};
function textvisible(){
document.getElementById("msg").style.visibility="visible";
};
</script>
</head>
<body>
<p id="msg">문서 객체 스타일 변경하기</p>
<button type="button" onclick="textstyle()">스타일변경</button>
<button onclick="texthidden()">감추기</button>
<button onclick="textvisible()">보이기</button>
</body>
</html>'Study > JavaScript' 카테고리의 다른 글
| 이스케이프 시퀀스 Escape Sequence (0) | 2021.11.24 |
|---|---|
| JavaScript - 1. 개요와 역사 (0) | 2021.11.24 |
| 문서에 객체, 속성값 설정 (0) | 2021.11.22 |
| 객체 Object (0) | 2021.11.02 |
| 함수 Function (0) | 2021.11.02 |
