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

<घंटा/>

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

आइए एक img ऑब्जेक्ट बनाएं -

सिंटैक्स

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

document.createElement(“IMG”);

गुण

छवि वस्तु के गुण निम्नलिखित हैं -

Property <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण
alt	यह छवि HTML तत्व की alt विशेषता के मान को लौटाता है और संशोधित करता है।
पूर्ण	यह लौटाता है कि ब्राउज़र ने HTML वेब पेज में एक छवि लोड करना समाप्त कर दिया है या नहीं।
क्रॉसऑरिजिन	यह छवि HTML तत्व की CROS सेटिंग लौटाता है और संशोधित करता है।
ऊंचाई	यह छवि HTML तत्व की ऊंचाई विशेषता के मान को लौटाता है और संशोधित करता है।
प्राकृतिक ऊंचाई	यह HTML दस्तावेज़ में किसी छवि की प्राकृतिक ऊंचाई लौटाता है।
प्राकृतिकविड्थ	यह HTML दस्तावेज़ में किसी छवि की प्राकृतिक चौड़ाई लौटाता है।
src	यह छवि HTML तत्व के src विशेषता के मान को लौटाता है और संशोधित करता है।
मानचित्र का उपयोग करें	यह एक छवि HTML तत्व के useMap विशेषता के मूल्य को लौटाता है और बदल देता है।
चौड़ाई	यह छवि HTML तत्व की चौड़ाई विशेषता के मान को लौटाता है और परिवर्तित करता है।
isMap	यह लौटाता है और संशोधित करता है कि HTML दस्तावेज़ में छवि सर्वर-साइड छवि-मानचित्र का हिस्सा होगी या नहीं

उदाहरण

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

<!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;
      display:block;
   }
</style>
</head>
<body>
<h1>DOM Image Object Example</h1>
<button onclick="createIframe()" class="btn">Click me to create an image</button>
<script>
   function createIframe() {
      var x = document.createElement("IMG");
      x.setAttribute("src",https://www.tutorialspoint.com/servlets/images/servlets-mini-logo.jpg");
      x.setAttribute("alt", "Learn Servlets");
      document.body.appendChild(x);
   }
</script>
</body>
</html>

आउटपुट

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

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

“छवि बनाने के लिए मुझे क्लिक करें . पर क्लिक करें इमेज एलिमेंट बनाने के लिए बटन -

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