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

HTMLDOMDDオブジェクト

HTML DOM DDオブジェクトは、HTMLドキュメントの

要素で示される定義リスト内に存在するHTML
要素に関連付けられています。

構文

以下は、-

の構文です。

DDオブジェクトの作成-

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

例

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

<!DOCTYPE html>
<html>
<body>
<h2>dd object example</h2>
<p>Click the button below to create a dd element with some text in it</p>
<button onclick="create_dd()">CREATE</button><br><br>
<dl id="DL1">
<dt>Mango</dt>
</dl>
<script>
   function create_dd() {
      var d = document.createElement("DD");
      var txt = document.createTextNode("Mango is called the king of fruits.");
      d.appendChild(txt);
      var ele= document.getElementById("DL1");
      ele.appendChild(d);
   }
</script>
</body>
</html>

出力

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

HTMLDOMDDオブジェクト

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

HTMLDOMDDオブジェクト

上記の例では-

ID「DL1」の定義リストを作成しました。内部に

要素があります-

<dl id="DL1">
<dt>Mango</dt>
</dl>

次に、ユーザーがクリックしたときにcreate_dd（）メソッドを実行するCREATEボタンを作成しました-

<button onclick="create_dd()">CREATE</button><br><br>

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

要素を作成し、それを変数dに割り当てます。次に、createTextNode（）メソッドを使用してテキストノードを作成し、それを変数txtに割り当てます。次に、テキストノードは、appendChild（）メソッドを使用して
要素の子として追加されます。

次に、テキストノードとともに

要素が、appendChild（）メソッドを再度使用して定義リストの子として追加されます-

function create_dd() {
   var d = document.createElement("DD");
   var txt = document.createTextNode("Mango is called the king of fruits.");
   d.appendChild(txt);
   var ele= document.getElementById("DL1");
   ele.appendChild(d);
}

  1. HTMLDOMタイトルオブジェクト

    HTMLのHTMLDOMTitle Objectは、要素を表します。 を作成する 要素 var titleObject = document.createElement(“TITLE”) ここでは、「titleObject」 次のプロパティを持つことができます- プロパティ 説明 テキスト ドキュメントの要素の値を設定/返します タイトルテキストの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title id="titleSe

  2. HTMLDOMUlオブジェクト

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