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

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

<घंटा/>

HTML DOM सोर्स ऑब्जेक्ट HTML एलिमेंट से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके स्रोत तत्व बना और एक्सेस कर सकते हैं।

सिंटैक्स

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

एक स्रोत वस्तु बनाना -

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

उदाहरण

आइए हम स्रोत वस्तु के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Source object example</h1>
<audio id="AUDIO_1" controls >
</audio>
<p>Add a audio source for the above element by clicking the below element.</p>
<button onclick="createSrc()">CREATE</button>
<p id="Sample"></p>
<script>
   function createSrc() {
      var s = document.createElement("SOURCE");
      s.setAttribute("src", "sample.mp3");
      s.setAttribute("type", "audio/mpeg");
      document.getElementById("AUDIO_1").appendChild(s);
      document.getElementById("Sample").innerHTML="The audio control will work now";
   }
</script>
</body>
</html>

आउटपुट

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

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

क्रिएट बटन पर क्लिक करने पर -

"बनाएं" पर क्लिक करें -

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


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

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

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

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

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

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