JavaScript의 현재 페이지에서 지정된 객체를 가져 오는 방법.
이 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
document.getElementById (id) // 지정된 ID 값으로 객체를 얻습니다.
document.getElementsByName (이름) // 이름 값이 지정된 개체 배열 가져옵니다.
문서. All [] // Smart Things는 웹 표준이 아닙니다
document.getElementsByTagName // 지정된 태그 값을 가진 객체 배열 가져옵니다.
예는 다음과 같습니다. 주석을 제거하고 효과를 확인하기 위해 직접 실행하십시오.
코드 사본은 다음과 같습니다.
<! doctype html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<헤드>
<title> 새로운 문서 </title>
<meta name = "generator"content = "editplus">
<meta name = "author"content = "">
<meta name = "keywords"content = "">
<meta name = "description"content = "">
</head>
<body>
<form method = "post"name = "mainfrm"action = "">
<입력 유형 = "hidden"name = "text"id = "text"value = "Just Practice">
<입력 유형 = "hidden"name = "orgulationId"value = "document.all 확인">
<테이블>
<tr>
<td align = "right"> 재고 조직 : </td>
<td> <input type = "text"name = "orgulationId"id = "organization"value = "Inventory Organization"> </td>
</tr>
<tr>
<td align = "right"> 서브 스토어 인코딩 : </td>
<td>
<select name = "subinventoryCode"id = "subinventoryCode">
<옵션 값 = "qtwl"> qtwl </옵션>
<옵션 값 = "btspt"> btspt </옵션>
<옵션 값 = "bts"> bts </옵션>
</선택>
</td>
</tr>
<tr>
<td colspan = "2"align = "center"> <input type = "button"value = "지정된 개체 가져 오기"onclick = "do_check ()"> </td>
</tr>
</테이블>
</form>
</body>
</html>
<script language = "javaScript">
<!-
함수 do_check () {
// getElementById : ID를 통해 요소를 얻는 것이므로 ID 세트로 요소 만 액세스 할 수 있습니다.
// 전체 페이지의 객체의 ID 값이 고유하기 때문에 메소드의 리턴 값을 필요한 객체가되도록 보장 할 수 있습니다.
// var organizeD = document.getElementById ( "orgulationId");
// Alert (organization.Value);
// getElementsByName : 이름을 통해 요소를 얻는 것입니다.
// 메소드의 리턴 값은 이름 속성을 전체 페이지에 주어진 값으로 한 객체가 하나만 있더라도 배열로 반환됩니다.
// 배열 길이는 현재 배열 길이입니다.
// var organizeD = document.getElementsByName ( "OrganizationId");
// alert (organiorid [0] .Value);
// alert (organization.length);
// getElementsByTagName : TagName (태그 이름)을 통해 요소를 가져 오면 문서에 동일한 태그가 있습니다.
//이 메소드와 getElementsByName은 기본적으로 그것을 알고 있으며 배열도 가져 오지만 객체를 얻는 방법의 차이 일뿐입니다.
// var inputs = document.getElementsByTagName ( "input");
// alert (inputs.length);
// alert (입력 [0] .Value);
// Alert (입력 [1] .Value);
// Alert (입력 [2] .Value);
// document.all []는 문서의 모든 요소를 포함하여 문서의 모든 레이블로 구성된 배열 변수입니다.
// 일반적으로 지정된 요소는 이름으로 얻어 지지만 기준을 충족하는 객체가 하나 인 경우이 객체가 반환됩니다.
// var organizeD = document.all [ "orgulationId"];
// alert (organiorid [0] .Value)
// document.all [ "orgulationid"]
// document.all.Item ( "orgulationId")
}
//->
</스크립트>