কম্পিউটার টিউটোরিয়াল

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 start প্রপার্টি

  2. HTML DOM Ol reversed প্রপার্টি

  3. HTML DOM offsetWidth প্রপার্টি

  4. HTML DOM title প্রপার্টি