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

HTMLDOMDFNオブジェクト

HTML DOM DFNオブジェクトは、HTML要素に関連付けられています。 要素内のテキストは、周囲のコンテキストで定義されているテキストです。 DFNオブジェクトは要素を表します。

構文

以下は、-

の構文です。

DFNオブジェクトの作成-

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

例

HTMLDOMDFNオブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h2>DFN object example</h2>
<p>Click the below button to create a dfn element with some text inside it.</p>
<button onclick="dfnCreate()">CREATE</button> <br><br>
<script>
   function dfnCreate() {
      var x = document.createElement("DFN");
      var t = document.createTextNode("The defination element");
      x.appendChild(t);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

出力

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

HTMLDOMDFNオブジェクト

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

HTMLDOMDFNオブジェクト

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

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

dfnCreate（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して要素を作成します。次に、createTextNode（）メソッドを使用してテキストノードを作成します。次に、テキストノードが子として要素に追加されます。最後に、テキストノードとともに要素が、appendChild（）メソッドを使用してドキュメント本文の子として追加されます-

function dfnCreate() {
   var x = document.createElement("DFN");
   var t = document.createTextNode("The definition element");
   x.appendChild(t);
   document.body.appendChild(x);
}

  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