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

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

<घंटा/>

HTML ऑब्जेक्ट एक HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है।

आइए देखें कि HTML ऑब्जेक्ट को कैसे एक्सेस करें -

सिंटैक्स

निम्नलिखित वाक्य रचना है -

document.getElementsByTagName(“HTML”)

आइए HTML ऑब्जेक्ट का एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
   }
   .btn{
      background-color:lightblue;
      border:none;
      height:2rem;
      border-radius:50px;
      width:60%;
   margin:1rem auto;
   }
   .show{
      font-size:1rem;
      font-weight:bold;
      color:orange;
      border:2px solid green;
      padding:10px;
      display:none;
   }
</style>
</head>
<body>
<h1>DOM HTML Object Example</h1>
<button type="button" onclick="getContent()" class="btn">Click me to get content
inside HTML tag</button>
<div class="show"></div>
<script>
   function getContent(){
      var content=document.getElementsByTagName("HTML")[0].innerHTML;
      document.querySelector(".show").innerHTML = content;
      document.querySelector(".show").style.display ="block";
   }
</script>
</body>
</html>

आउटपुट

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

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

इस पेज टैग के अंदर सभी सामग्री प्राप्त करने के लिए "नीला" बटन पर क्लिक करें -

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


  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 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची