HTML DOM 필드셋 객체

<시간/>

HTML DOM Fielset 개체는

요소를 나타냅니다.

속성

다음은 Fieldset 개체의 속성입니다 -

속성	설명
비활성화됨	필드셋이 비활성화되었는지 여부를 설정하거나 반환하려면
양식	주어진 필드 세트를 포함하는 양식에 대한 참조를 반환합니다.
이름	필드세트의 이름 속성 값을 설정하거나 반환합니다.
유형	fieldset 요소 유형을 반환합니다.

구문

다음은 −

의 구문입니다.

fieldset 요소 만들기 -

var p = document.createElement("FIELDSET");

예시

HTML DOM Fieldset 개체에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<head>
<script>
   function createField() {
      var f = document.createElement("FIELDSET");
      var txt = document.createTextNode("FIELDSET element created");
      f.appendChild(txt);
      document.body.appendChild(f);
   }
</script>
</head>
<body>
<h2>Fieldset object example</h2>
<p>Create a fieldset element by clicking on below button</p>
<button onclick="createField()">CREATE</button> <br><br>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 필드셋 객체

CREATE 버튼 클릭 시 -

HTML DOM 필드셋 객체

위의 예에서 -

사용자가 클릭할 때 createField() 함수를 실행하는 CREATE 버튼을 먼저 만들었습니다.

<button onclick="createField()">CREATE</button>

createField() 함수는 문서 객체의 createElement() 메서드를 사용하여

요소를 생성하고 변수 f에 할당합니다. 그런 다음 createTextNode() 메서드를 사용하여 텍스트 노드를 만들고 appendChild() 메서드를 사용하여

요소의 텍스트 노드 자식을 구성합니다. 마지막으로 텍스트 노드 자식과 함께 fieldset 요소가 문서 본문의 자식으로 추가됩니다 -

function createField() {
   var f = document.createElement("FIELDSET");
   var txt = document.createTextNode("FIELDSET element created");
   f.appendChild(txt);
   document.body.appendChild(f);
}