Đối tượng tập trường DOM HTML

Đối tượng HTML DOM Fielset đại diện cho phần tử

Thuộc tính

Sau đây là các thuộc tính cho đối tượng Fieldset -

Thuộc tính	Mô tả
bị vô hiệu hóa	Để đặt hoặc quay lại nếu tập trường bị vô hiệu hóa hay không
biểu mẫu	Để trả về tham chiếu đến biểu mẫu có chứa tập trường đã cho.
tên	Để đặt hoặc trả về giá trị thuộc tính tên của một tập trường.
loại	Để trả về loại phần tử tập trường.

Cú pháp

Sau đây là cú pháp cho -

Tạo phần tử tập trường -

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

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho đối tượng 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Đối tượng tập trường DOM HTML

Khi nhấp vào nút TẠO -

Đối tượng tập trường DOM HTML

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một nút CREATE sẽ thực thi hàm createField () khi người dùng nhấp vào -

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

Hàm createField () tạo một phần tử

bằng cách sử dụng phương thức createElement () của đối tượng document và gán nó cho biến f. Sau đó, nó tạo một nút văn bản bằng phương thức createTextNode () và tạo thành nút văn bản con của phần tử

bằng phương thức appendChild (). Cuối cùng, phần tử tập trường cùng với nút con văn bản của nó được thêm vào dưới dạng phần tử con của nội dung tài liệu -

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