728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
accress attribute
id : ๊ฒ์ฌํ๋ ์ญํ
class : CSS, ๋ค์
name : ๋ฐ์ดํฐ(ํน์ ๊ฐ), ๋ค์ / ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ ๊ทผ์ ์ ์ํจ ์ ๊ทผ์๋๋๊ฑด ์๋
-->
<p id="pid">p tag id pid</p>
<p id="pid">p tag id pid</p> <!-- id๊ฐ ๋๊ฐ์ผ๋ ๋ฐ์ ์ ์ฉ์ด์๋จ -->
<br>
<h3 class="h3cls">h3 tag class h3cls</h3>
<p class="h3cls">p tag class h3cls</p>
<button type="button" onclick="btnclick()">๋ฒํผ</button>
<br>
<p name="pname">p tag name pname</p>
<script type="text/javascript">
function btnclick(){
document.getElementById("pid").innerHTML = 'p ํ๊ทธ ์
๋๋ค';
document.getElementsByClassName("h3cls")[1].innerHTML='class๋ h3cls';
//๋ฐฐ์ด ๋ฒํธ๋ฅผ ๋ถ์ด๋ฉด ๋ฒ์ง์์ ํด๋น๋๋ ํด๋์ค๊ฐ ๋ณ๊ฒฝ๋๋ค.
//์ ์ฒด ๋ณ๊ฒฝํ๋ ค๋ฉด? length(for๋ฌธ ๋๋ฆฐํ [i]๋ก ์
๋ ฅ )
document.getElementsByName("pname")[0].innerHTML='pname ์
๋๋ค.'
}
</script>
</body>
</html>
๋๊ธ