Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM ब्लॉककोट ऑब्जेक्ट

<घंटा/>

HTML DOM ब्लॉकक्वाट मूल रूप से HTML तत्व

का प्रतिनिधित्व करता है। <ब्लॉकक्वॉट> तत्व टैग के विपरीत कोई उद्धरण चिह्न नहीं जोड़ता है। हम blockquote ऑब्जेक्ट की मदद से
प्रॉपर्टीज बना और एक्सेस कर सकते हैं।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

ब्लॉकक्वाट ऑब्जेक्ट बनाना -

var x = document.createElement("BLOCKQUOTE");

उदाहरण

आइए हम ब्लॉकक्वाट ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<p>Click on the below button to create a blockquote object</p>
<button onclick="createBloc()">CREATE</button>
<script>
   function createBloc() {
      var x = document.createElement("BLOCKQUOTE");
      var t = document.createTextNode("This is a random block quote.This is some sample text.");
      x.setAttribute("cite", "https://www.examplesite.com");
      x.setAttribute("id", "myQuote");
      x.appendChild(t);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM ब्लॉककोट ऑब्जेक्ट

क्रिएट -

. पर क्लिक करने पर

HTML DOM ब्लॉककोट ऑब्जेक्ट

उपरोक्त उदाहरण में -

सबसे पहले, हमने createBloc() फ़ंक्शन को कॉल करने के लिए CREATE बटन बनाया है।

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

फ़ंक्शन createBloc()

तत्व बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करता है। फिर दस्तावेज़ ऑब्जेक्ट की createTextNode () विधि का उपयोग करके हमने इसके अंदर कुछ टेक्स्ट के साथ एक टेक्स्ट नोड बनाया। setAttribute () विधि का उपयोग करके हम ऊपर बनाए गए
element में कुछ विशेषताएँ जैसे cite, और id जोड़ते हैं। तत्पश्चात तत्पश्चात तत्व को उसके परिशिष्ट चाइल्ड () विधि का उपयोग करके दस्तावेज़ के मुख्य भाग में एक बच्चे के रूप में जोड़ा जाता है।

function createBloc() {
   var x = document.createElement("BLOCKQUOTE");
   var t = document.createTextNode("This is a random block quote.This is some sample text.");
   x.setAttribute("cite", "https://www.examplesite.com");
   x.setAttribute("id", "myQuote");
   x.appendChild(t);
   document.body.appendChild(x);
}

  1. एचटीएमएल डोम डीएल वस्तु

    HTML DOM dl ऑब्जेक्ट HTML एलिमेंट से जुड़ा है। तत्व विवरण सूची बनाने के लिए है। dl ऑब्जेक्ट का उपयोग करके हम जावास्क्रिप्ट का उपयोग करके तत्व को गतिशील रूप से बना और एक्सेस कर सकते हैं। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है विवरण सूची बनाना - var p = document.createElement("DL"

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची