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

HTML DOM offsetParent प्रॉपर्टी


HTML DOM offsetParent प्रॉपर्टी उस पैरेंट एलिमेंट का रेफरेंस लौटाती है जिससे चाइल्ड ऑफसेट परिभाषित होते हैं।

सिंटैक्स

HTMLelement.offsetParent

उदाहरण

<!DOCTYPE html> <html> <head> <title>HTML DOM offsetParent</title> <style type="text/css">    #picForm {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    }    #containerDiv {       margin: 0 auto;    } </style> </head> <body>    <form id="picForm">         <fieldset>            <legend>HTML-DOM-offsetParent</legend>            <div id="containerDiv">               <img id="image" src="https://www.tutorialspoint.com/plsql/images/plsql-mini-logo.jpg">            </div>            <input type="button" onclick="getParent()" value="Get offsetParent">            <div id="divDisplay"></div>         </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var picForm = document.getElementById("picForm");    var containerDiv = document.getElementById("containerDiv");    function getParent() {       divDisplay.textContent = 'Offset for Image form is referenced from: '+picForm.offsetParent;    } </script> </body> </html>

आउटपुट

किसी बटन पर क्लिक करने से पहले -

HTML DOM offsetParent प्रॉपर्टी

'Get offsetParent' बटन पर क्लिक करने के बाद -

HTML DOM offsetParent प्रॉपर्टी


  1. HTML DOM Ol reversed प्रॉपर्टी HTML DOM Ol reversed प्रॉपर्टी

    HTML DOM Ol reversed प्रॉपर्टी सेट या लौटाती है कि लिस्ट का क्रम डिसेंडिंग (उल्टा) है या एसेंडिंग (डिफ़ॉल्ट)। सिंटैक्स olObject.reversed मान सेट करना olObject.reversed = booleanValue मान booleanValueविवरण trueक्रम डिसेंडिंग (उल्टा) होगा falseक्रम एसेंडिंग (डिफ़ॉल्ट) होगा उदाहरण <!DOCTYPE h

  1. HTML DOM offsetWidth प्रॉपर्टी HTML DOM offsetWidth प्रॉपर्टी

    HTML DOM offsetWidth प्रॉपर्टी किसी एलिमेंट की चौड़ाई को पिक्सेल में लौटाती है, जिसमें पैडिंग, बॉर्डर और स्क्रॉलबार शामिल होते हैं, लेकिन मार्जिन नहीं। सिंटैक्स HTMLelement.offsetWidth उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM offsetHeight</title> <style&

  1. HTML DOM title प्रॉपर्टी HTML DOM title प्रॉपर्टी

    HTML DOM title प्रॉपर्टी HTML एलिमेंट के title एट्रिब्यूट के मान को दर्शाने वाला स्ट्रिंग लौटाती या सेट करती है। title मान तब दिखाई देता है जब HTML एलिमेंट पर होवर किया जाता है। सिंटैक्स ElementOfHTMLObject.title मान सेट करना ElementOfHTMLObject.title = string उदाहरण <!DOCTYPE html> <html&