티스토리 뷰

💼 정보 ver1.0

getElementsByName() & getElementsByTagName() & getElementById()

James Wetzel 2010. 11. 24. 13:25
getElementsByName()
<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("x");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="x" type="text" size="20" /><br />
<input name="x" type="text" size="20" /><br />
<input name="x" type="text" size="20" /><br /><br />
<input type="button" onclick="getElements()" value="How many elements named 'x'?" />

</body>
</html>


getElementsByTagName()
<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>

<input type="text" size="20" /><br />
<input type="text" size="20" /><br />
<input type="text" size="20" /><br /><br />
<input type="button" onclick="getElements()" value="How many input elements?" />

</body>
</html>


getElementById()
<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader");
  alert(x.innerHTML);
  }
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">Click me!</h1>

</body>
</html>

getElementByName, getElementByTagName, getElementById 모두 Document Object(객체)의 메소드 이다.
반응형
저작자표시
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함