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

HTMLDOMDelオブジェクト

HTML DOM Delオブジェクトは、HTMLの要素に関連付けられています。 要素を表すために使用されます。 Delオブジェクトを使用して、要素を作成してアクセスできます。

プロパティ

Delオブジェクトのプロパティは次のとおりです-

Sr.No プロパティと説明
1 引用
削除されたテキストの引用属性値を設定または返す。
2 dateTime
削除されたテキストの日時属性値を設定または返すこと。

構文

以下は、-

の構文です。

Delオブジェクトの作成-

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

例

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

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

出力

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

HTMLDOMDelオブジェクト

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

HTMLDOMDelオブジェクト

上記の例では-

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

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

delCreate（）メソッドは、createElement（）を使用して要素を作成し、それを変数dに割り当てます。次に、createTextNode（）メソッドを使用して、内部にテキストを含むテキストノードを作成します。次に、テキストノードは、del要素のappendChild（）メソッドを使用して要素に追加され、テキストノードが追加されます。

次に、要素とテキストノードが、document.body appendChild（）メソッドを使用してドキュメント本体に追加され、変数dがパラメーター-

として渡されます。 
function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}

  1. HTMLDOMHRオブジェクト

    HTML DOM HRオブジェクトは、HTMLドキュメントの要素を表します。 hrオブジェクトを作成- 構文 以下は構文です- document.createElement(“HR”); hrオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       text-align: center;       background-color: #fff;    

  2. HTMLDOMUlオブジェクト

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