나는 웹 사이트에서 오랫동안 작업 해 왔지만 입력에서 이름과 ID의 차이점을 찾지 못했습니다. 최근에, 나는 jQuery를 배우고이 문제를 다시 만났으므로 온라인으로 정보를 수집했습니다. 이 기사를 본 후 나중에 사용하도록 구성하십시오.
웹 개발을 한 거의 모든 사람들이 물었을 때 요소 ID와 이름의 차이점은 무엇입니까? ID로 이름이 필요한 이유는 무엇입니까?! 그리고 우리는 또한 가장 고전적인 대답을 얻을 수 있습니다. ID는 사람의 ID 번호와 같으며 이름은 그의 이름과 같습니다. ID는 분명히 독특하며 이름을 반복 할 수 있습니다.
지난주에 나는 또한 ID와 이름의 문제를 만났다. 입력 유형 = 페이지에 숨겨진 입력을 입력하고 id = 'sliceinfo'만 썼습니다. 과제 후, 나는 request.params [sliceinfo]를 백그라운드에서 사용했지만 값을 얻을 수 없었습니다. 나중에, 나는 갑자기 이름을 표시해야한다는 것을 깨달았으므로 입력에 이름 = 'sliceinfo'를 추가했고 모든 것이 정상이었습니다.
첫 번째 단락의 ID와 이름에 대한 답은 너무 일반적입니다. 물론, 그 설명은 ID에 완전히 정확합니다. 클라이언트의 HTML 요소의 신원입니다. 이름에는 많은 용도가 있기 때문에 이름은 실제로 훨씬 더 복잡하므로 ID로 대체 할 수 없으므로 취소 할 수 있습니다. 특정 용도는 다음과 같습니다.
목적 1 : 입력, 선택, TextArea 및 버튼과 같이 서버와 상호 작용할 수있는 HTML 요소의 서버 측 레이블로서. 우리는 이름에 따라 서버 측의 request.params를 통해 요소에 의해 제출 된 값을 얻을 수 있습니다.
목적 2 : HTML 요소 입력 유형 = '라디오'가 그룹화됩니다. 라디오 버튼 컨트롤이 동일한 그룹화 클래스에 있음을 알고 있습니다. 점검 작업은 뮤트입니다. 동시에 하나의 라디오 만 선택할 수 있습니다. 이 그룹화는 동일한 이름 속성에 따라 구현됩니다.
목적 3 : 페이지에 앵커를 만듭니다. 우리는 <a href = url> link </a>가 페이지 하이퍼 링크를 얻는 것임을 알고 있습니다. href 속성을 사용하지 않으면 다음과 같은 이름을 대신 사용합니다.
목적 4 : 애플릿, 물체, 임베드 및 기타 요소와 같은 대상으로서의 정체. 예를 들어, 애플릿 객체 인스턴스에서 이름을 사용하여 객체를 참조합니다.
목적 5 : IMG 요소와 맵 요소 사이를 연관시킬 때 IMG의 핫스팟 영역을 정의하려면 usemap =#name (관련 맵 요소의 이름)을 만들려면 속성 USEMAP를 사용해야합니다.
목적 6 : 속성, 메타 및 매개 변수와 같은 특정 특정 요소의 속성. 예를 들어, 객체에 대한 <param name = appretparameter value = value> 또는 <meta name = author content = dave raggett>를 정의하십시오.
분명히 이러한 용도는 간단히 ID로 대체 할 수 없으므로 HTML 요소와 이름의 ID는 ID 번호와 이름의 차이가 아닙니다. 그들은 또한 다른 것입니다.
물론, HTML 요소의 이름 속성은 페이지에서 작은 ID 역할을 할 수 있습니다. dhtml 객체 트리에서는 document.getElementsByName을 사용하여 페이지에 지정된 모든 이름 요소가 포함 된 다양한 객체를 가져올 수 있기 때문입니다. 이름 속성에는 또 다른 문제가 있습니다. 이름 속성을 포함 할 수있는 요소를 동적으로 생성하면 할당 요소를 사용하여 이름을 추가 할 수 없습니다. 대신, 요소를 작성할 때 요소에 이름 속성을 추가하려면 document.createelement ( '<emlect name = myname> </element>')를 사용해야합니다. 이것이 무엇을 의미합니까? 이해하려면 아래 예제를 살펴보십시오.
코드를 복사하십시오