๐ปHTML ์์ฑ ์กฐ์ํ๊ธฐ๐ป
1. ํ๊ทธ๋ฅผ ์ฐพ์ ์์ฑ์ ์กฐ์ํ ์ ์๋ค.
2. ๋ด์ฉ๋ฌผ(PCDATA)์ ์กฐ์ํ ์ ์๋ค.
๐ถ์กฐ์ ๊ท์น
1. HTML์ ๋๋ถ๋ถ ์์ฑ์ JavaScript์์ ๋์ผํ ์ด๋ฆ์ ํ๋กํผํฐ๋ก ์ ๊ณตํ๋ค.
txt1.value = 'ํ๊ธธ๋'2. HTML ์์ฑ๋ช ์ด ๋ณตํฉ์ด๋ก ๋์ด ์์ผ๋ฉด JavaScript์์๋ ์บ๋ฉํ๊ธฐ๋ฒ์ผ๋ก ์ ๊ณตํ๋ค.
txt1.maxLength = 5;3. ํ๋๊ทธ ํ์ ์ ์์ฑ์ boolean ๊ฐ์ผ๋ก ์กฐ์ํ๋ค.
txt1.readOnly = true;4. ์ด๊ฑฐํ ํ์ ์ ์์ฑ ๋ฐ ์์ ์์์ ๋ฌธ์์ด๋ก ์กฐ์ํ๋ค.
window.document.body.bgColor = 'blue';๐ถ์กฐ์ ํ๊ธฐ
<body>
<h1>JavaScript๋ก ํ๊ทธ์ ์์ฑ ์ ์ดํ๊ธฐ</h1>
<form name="form1">
<input type="text" name="txt1">
<input type="button" value="๋๊ธฐ" name="btn1">
</form>
<script>
var txt1 = window.document.form1.txt1;
var btn1 = window.document.form1.btn1;
btn1.onclick = m1;
function m1() {
//ํ
์คํธ ๋ฐ์ค ์กฐ์ํ๊ธฐ
// txt1.value = 'ํ๊ธธ๋'
// txt1.maxLength = 5;
// txt1.readOnly = true;
//๋ฒํผ์ผ๋ก ๋ฐฐ๊ฒฝ์ ์กฐ์ํ๊ธฐ
if (window.document.body.bgColor != '#000') {
window.document.body.bgColor = '#000';
btn1.value='์ผ๊ธฐ';
} else {
window.document.body.bgColor = '#FFF';
btn1.value='๋๊ธฐ';
}
}
</script>
</body>๋ฒํผ์ ๋๋ฅผ ๋๋ง๋ค ๋ฐฐ๊ฒฝ์์ด ๋ณ๊ฒฝ๋๊ณ ๋ฒํผ์ ๋ด์ฉ๋ฌผ๋ ๋๊ธฐ↔์ผ๊ธฐ๋ก ๋ณ๊ฒฝ๋๋ค.
'WEB > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [JavaScript] BOM - screen, loaction, history (0) | 2023.10.05 |
|---|---|
| [Javascript] BOM - window (0) | 2023.10.05 |
| [JavaScript] Event Handling + ๋ง์ฐ์ค ์ด๋ฒคํธ + ํค ์ด๋ฒคํธ (0) | 2023.10.05 |
| [JavaScript] BOM(Browser Object Mode) (0) | 2023.10.05 |
| [JavaScript] ๋ฐฐ์ด, Array (์ ์ธ, ๋์ , ๊บผ๋ด๊ธฐ) (0) | 2023.10.05 |
