html page_javascript 기술의 컨트롤에 액세스하는 Javascript의 방법에 대한 자세한 분석

회사에서 이 자유 시간 동안 저는 HTML 컨트롤에 대한 JavaScript 액세스를 연구하기로 결정했습니다. 여기서 저는 JavaScript 액세스 방법을 체계적으로 연구하여 모든 사람이 공유할 수 있는 연구 성과를 얻었습니다. 그리고 보충.

본론으로 들어가겠습니다.
액세스 제어의 주요 개체는 문서 개체입니다. 현재 문서의 모든(하위 개체) 개인 보기에 해당합니다. 그리고 객체에 접근하기 위한 몇 가지 주요 메소드가 제공되었습니다. " 🎜> 1 ． 먼저 document.getElementById의 사용법에 대해 이야기하겠습니다.
Var obj=document.getElementById("ID") 지정된 ID 속성 값을 기반으로 객체를 가져옵니다. id 속성 값이 ID와 동일한 첫 번째 객체에 대한 참조를 반환합니다. 해당 개체가 개체 그룹인 경우 그룹의 첫 번째 개체가 반환됩니다.
<입력 이름=”a” 유형=”텍스트” id=”b”/>
<입력 이름=”b” 유형=”텍스트” id=”a”/> >그런데 반대로 Firefox에서는 이런 문제가 발생하지 않습니다. Firefox가 document.getElementById(elementName)를 실행하면 ID가 elementName과 동일한 객체만 찾을 수 있습니다. 존재하지 않으면 null
2이 반환됩니다. document.getElementsByName의 사용법을 살펴보겠습니다.
Var obj=document.getElementsByName("Name")은 Name 속성 값을 기반으로 개체 컬렉션을 가져옵니다. 이름이 지정된 Name과 동일한 개체 컬렉션을 반환합니다. 여기서 반환되는 것은 요소가 하나만 있는 경우를 포함하여 집합입니다.
document.getElementsByName("name")[0?1?2?3?....] 특정 요소를 가져오는 방법입니다. [] 또는 ()를 사용하여 JavaScript 세트에서 값을 가져올 수 있습니다(테스트를 통과했지만 이런 식으로 작성할 정보가 없습니다).
예:
<script> <br>function prop() <br>{ <br>var objs=document.getElementsByName("a") <br>alert(objs(0).value ) ;//또는 Alert(objs[0].value)도 정확합니다. <br>} <br></script>
="button" value="testing" onclick="prop()"/>3. Document.getElementsByTagName 사용법:
Var ojbs=document.getElementsByTagName("Tag")는 지정된 요소 이름을 기반으로 하는 개체 컬렉션을 기반으로 합니다. Tag 속성이 지정된 Tag 태그와 동일한 컬렉션을 반환합니다. 여기에 컬렉션도 반환됩니다. (위와 동일)
4. document.all 사용법.
document.all은 페이지에 있는 모든 요소의 모음입니다. 예:
document.all(0)은 페이지의 첫 번째 요소를 나타냅니다.
Document.all("txt")는 페이지에서 ID 또는 이름이 txt와 동일한 모든 개체의 단일 요소 및 컬렉션 요소를 나타냅니다.
페이지의 ID 또는 이름이 txt와 같고 요소(이름 및 ID 포함)가 하나만 있는 경우 document.all()의 결과는 요소가 하나만 있고, 그렇지 않으면 컬렉션입니다. (document.getElementById 및 document.getElementsByName의 각 특성을 통합합니다.)
다음과 같이 작성할 수도 있습니다. document.all.txt는 동일합니다.
예:


코드 2:
하지만 이름은 동일할 수 있습니다(예: 사용자의 여러 취미를 검색하기 위해 확인란 사용)

id=bbb 값=bbb>
🎜 >이론적으로 페이지의 ID는 서로 다릅니다. 동일한 ID로 다른 태그가 나타나면 다음과 같이 document.all.id가 실패합니다.
< input id=aaa value=a2>