HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOMフィールドセットオブジェクト

HTML DOM Fielsetオブジェクトは、

要素を表します。

プロパティ

以下は、Fieldsetオブジェクトのプロパティです-

プロパティ 説明
無効 フィールドセットが無効になっているかどうかを設定または返す<​​/td>
フォーム 指定されたフィールドセットを含むフォームへの参照を返すため。
名前 フィールドセットのname属性値を設定または返すため。
タイプ フィールドセット要素タイプを返すため。

構文

以下は、-

の構文です。

フィールドセット要素の作成-

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

例

HTMLDOMフィールドセットオブジェクトの例を見てみましょう-

<!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>

出力

これにより、次の出力が生成されます-

HTMLDOMフィールドセットオブジェクト

[作成]ボタンをクリックすると-

HTMLDOMフィールドセットオブジェクト

上記の例では-

最初に、ユーザーがクリックしたときにcreateField（）関数を実行するCREATEボタンを作成しました-

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

createField（）関数は、ドキュメントオブジェクトのcreateElement（）メソッドを使用して

要素を作成し、それを変数fに割り当てます。次に、createTextNode（）メソッドを使用してテキストノードを作成し、appendChild（）メソッドを使用して
要素の子のテキストノードを形成します。最後に、フィールドセット要素とそのテキストノードの子がドキュメントの本文の子として追加されます-

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

  1. HTMLDOMオブジェクトオブジェクト

    HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- プロパティ 説明 データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の

  2. HTMLDOMUlオブジェクト

    HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE