* ๋ฌธ์์ด๊ณผ ๊ด๋ จ๋ ํจ์๋ค
์๋ฌธ์์ธ ๋ฌธ์์ด ๋๋ฌธ์๋ก ๋ฐ๊พธ๊ธฐ. str.toUpperCase()
str.toUpperCase()
ex) "abcd".toUpperCase() >>> "ABCD"
๋๋ฌธ์์ธ ๋ฌธ์์ด ์๋ฌธ์๋ก ๋ฐ๊พธ๊ธฐ. str.toLowerCase()
str.toLowerCase()
ํน์ ๋ฌธ์์ ์ธ๋ฑ์ค ์ฐพ๊ธฐ (std.indexOf)
str.indexOf('์ฐพ์๋ฌธ์')
ex ) a = 'Hello World"
str.indexOf("W") >>> 6
๋ฌธ์ ์, ๋ค์ ๊ณต๋ฐฑ ์ ๊ฑฐํ๊ธฐ str.trim()
str.trim()
ex)
a = " H e l l o "
a.trim() >>>> "H e l l o"
*HTML์ ๋ค๋ฃจ๋ Javascript
document.querySelector('์
๋ ํฐ) / ๋ฐํ๊ฐ์ 1๊ฐ์ด๋ค.
ex ) ํด๋ฆญํ์๋ <body>์ ๋ฐฐ๊ฒฝ์ด black์ผ๋ก ๋ฐ๋๋๋ก ํ๋ button
<input id="night_day" type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor = 'black';
">
*์
๋ ํฐ(selector)์ ์ข
๋ฅ์ ๋ฐ๋ฅธ ์ฌ์ฉ๋ฒ
- class ์ธ ๊ฒฝ์ฐ : ".myclass"
- html ํ๊ทธ์ธ ๊ฒฝ์ฐ : "body"
- id์ธ ๊ฒฝ์ฐ : "#id"
document.getElementById('id'); ์ ๊ธฐ๋ฅ์ ๊ฐ๋ค. ํ์ง๋ง ์ฟผ๋ฆฌ์
๋ ํฐ(querySelector๊ฐ ์ฌ๋ฌ๊ฐ์ง ์
๋ ํฐ๋ฅผ ์ฌ์ฉ ๊ฐ๋ฅํ๋ฏ๋ก ๋ ์ ์ฉํ ๊ฒ๊ฐ๋ค.)
document.querySelectorAll('a') / ๋ชจ๋ aํ๊ทธ๋ฅผ ๋ฐฐ์ด(nodelist)์ ๋ด์ ๋ฐํํ๋ค.
ex ) ๋ชจ๋ <a>๋ฅผ ๋นจ๊ฐ์์ผ๋ก ๋ฐ๊พธ๊ธฐ.
var i = 0;
var atag = document.querySelectorAll('a');
while(i<atag.length){
atag[i].style.color = 'red'
i = i+1;
}