id와 name은 모두 html element의 속성(attribute)으로 두 속성 모두 element를 식별(접근)하는 용도로 흔히 사용됩니다.
id는 유일한 값으로, 문서 안에서 오직 하나만 존재해야 하지만
name은 중복이 가능하다는 차이점이 있습니다.
많이 사용하는 함수인 getElementById() 와 getElementsByName() 를 보면
id 는 getElement로 단수이고, name은 getElements로 복수 입니다.
(결과도 마찬가지입니다)
추가하자면 id는 getElementById("id")방식으로 접근하고
name은 document.form["name"']과 같은 방식으로도 접근 가능합니다.
예제)
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader") alert(x.innerHTML) } </script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByName("myInput");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named 'myInput'?" />
</body>
</html>
