資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時裝研究
法學研究HTML DOM Fieldset 物件
HTML DOM Fieldset 物件表示 <fieldset> 元素。
屬性
以下是 Fieldset 物件的屬性 −
| 屬性 | 描述 |
|---|---|
| disabled | 設定或返回 fieldset 是否已停用 |
| form | 返回包含給定 fieldset 的表單的引用。 |
| name | 設定或返回 fieldset 的 name 屬性值。 |
| type | 返回 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>輸出
這將生成以下輸出 −
點選 CREATE 按鈕時 −
在上面的示例中 −
我們首先建立了一個 CREATE 按鈕，當用戶點選時將執行 createField() 函式 −
<button onclick="createField()">CREATE</button>
createField() 函式使用文件物件的 createElement() 方法建立一個 <fieldset> 元素，並將其賦值給變數 f。然後使用 createTextNode() 方法建立一個文字節點，並使用 appendChild() 方法形成 <fieldset> 元素的文字節點子節點。最後，fieldset 元素及其文字節點子節點將作為文件正文的子節點追加 −
function createField() {
var f = document.createElement("FIELDSET");
var txt = document.createTextNode("FIELDSET element created");
f.appendChild(txt);
document.body.appendChild(f);
}
更新於： 19-Feb-2021
118 瀏覽次數
廣告