๋ฐ์ํ
์ฝ๋๋
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<body>
<script>
var i = 20;
while(i>=10){
if(i%2==0){
document.write("<style> p {color:blue;} </style>")
document.write("<p>" + i + "</p>");
}else{
document.write("<span style='color:red'>")
document.write(i + "</span>");
}
i--;
}
document.write("====The end ====");
</script>
</body>
</html>
styleํ๊ทธ๋ ์ ์ฒด p ํ๊ทธ์ ํํด์ ์์์ ์ ํด์คฌ๊ธฐ ๋๋ฌธ์, ์ถํ ๋ฐ์ ํ์ ๋ฒ์งธ๋ฅผ pํ๊ทธ๋ก ์ง์ ํด๋๋ ์์ ๋ณ๊ฒฝ์ด ๋ถ๊ฐ๋ฅํ๋ค.
๊ทธ๋์ ๋ฐ๋ก span ํ๊ทธ๋ฅผ ํ์ฉํ๋ฉด,
๋ค์๊ณผ ๊ฐ์ด ํน์ span ํ๊ทธ์ style์ ์ง์ ํด์ฃผ๋ฉด์ ๋ถ๋ถ ์์ ์ด ๊ฐ๋ฅํ๋ค.
๋ฐ์ํ
'๐๏ธ์ํํธ์จ์ด > ๐JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด ๊ฐ๋ ์ด์ ๋ฆฌ (0) | 2022.08.11 |
|---|---|
| ์ค์ฒฉ for๋ฌธ ์ด์ฉํ์ฌ ํ ์ด๋ธ ๋ง๋ค๊ธฐ (0) | 2022.08.11 |
| ์ฐ์ฐ์ ์ฐ์ ์์ (0) | 2022.08.09 |
| ๋ก๊ทธ์ธ ์๋น์ค ์ ์ฒด ํ๋ฆ (0) | 2021.09.29 |
| jquery selector (0) | 2021.09.29 |