728x90
๋ฐ์ํ
JavaScript _HTML ์ปจํ ์ธ ๋ฅผ ๋ณ๊ฒฝํ๊ธฐ
JavaScript
Q : ์๋ฐ์คํฌ๋ฆฝํธ๋ก html์์ ์์ฑํ ๋ด์ฉ์ ๋ฐ๊พธ๊ณ ์ถ์๋?
>> ์์ด๋(id)๋ฅผ ์ด์ฉํด ์ ํ getElementById() ๋ฉ์๋๋ ์์ด๋๋ฅผ ์ด์ฉํ์ฌ HTML ์์๋ฅผ ์ ํํฉ๋๋ค.
[ ์์ฑ๋ฐฉ๋ฒ ]
document.getElementById('text1').innerHTML="๋ด์ฉ๋ฐ๊พธ๊ธฐ";
[ ํด ์ ]
→ ์น๋ฌธ์ . Id text1์ธ HTML ์์ ๊ฐ์ ธ์ . ๋ด๋ถ๊ธ์ = "๋ฐ๊พธ๊ณ ์ถ์ ๋ด์ฉ์ ๊ธฐ" ;
[ ์ฝ๋ ์์ฑ ]
<!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>js_getElementById</title>
<style>
#text1 { color: red;}
</style>
</head>
<body>
<p id="text1">CSS ์์ด๋ ์ ํ์</p>
<script>
document.getElementById('text1').innerHTML="๋ด์ฉ๋ฐ๊พธ๊ธฐ";
</script>
</body>
</html>
๐ javascript๋ฅผ ๋ฃ์ด์ ์ค์ ๋ก ๊ธ์ ๋ด์ฉ์ด ๋ฐ๋๋์ง ํ์ธํด๋ณผ๊น์?
728x90
๋ฐ์ํ
'๐ปCoding > ๐ JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| JavaScript ์ซ์ ์นด์ดํธ ์ ๋๋ฉ์ด์ ๋ง๋ค๊ธฐ | ์๋ฐ์คํฌ๋ฆฝํธ JS (0) | 2023.03.15 |
|---|---|
| javascript_if_์กฐ๊ฑด๋ฌธ (0) | 2021.10.28 |
| JavaScript _ ์๋ฐ์คํฌ๋ฆฝํธ ์์ฑ ์์น์ ์ฐ๊ฒฐ๋ฐฉ๋ฒ (0) | 2021.08.23 |
| JavaScript _๋ฌธ๋ฒ + (์๋ฐ์คํฌ๋ฆฝํธ ๋ง๋ณด๊ธฐ) (0) | 2021.08.19 |
| JavaScript _๊ธฐ์ด : ์๋ฐ์คํฌ๋ฆฝํธ๋? (2) | 2021.08.18 |