목차
- form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환
- form 정의
- form 구문
form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환
<form id="hzForm">
사이트: <input type="text" id="hz" value="Homzzang.com">
</form>
<button onclick="homzzang()">클릭</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").form;
demo1.innerHTML = x; // [object HTMLFormElement]
demo2.innerHTML = x.id; // hzForm
demo3.innerHTML = x.elements; // [object HTMLFormControlsCollection]
demo4.innerHTML = x.elements.length; // 1
}
</script>
결과보기
form 정의
INPUT 텍스트 필드 포함하는 FORM 객체 반환.
1.
form 속성은 읽기전용. (즉, 설정 불가.)
2.
모든 브라우저 지원.
form 구문
FORM 객체 반환
textObject.form
PS.
FORM 객체의 ID 반환 ★
textObject.form.id
FORM 객체에 속하는 요소집합 객체 반환
textObject.form.elements
FROM 객체에 속하는 요소집합 객체의 요소 개수 반환 ★
textObject.form.elements.length