जावास्क्रिप्ट के साथ एलिमेंट के लिए पोजिशनिंग मेथड का प्रकार कैसे सेट करें?

पोजिशन सेट करने के लिए, जावास्क्रिप्ट में position प्रॉपर्टी का उपयोग करें। जावास्क्रिप्ट के साथ किसी एलिमेंट के लिए पोजिशनिंग मेथड का प्रकार सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #box {             width: 350px;             height: 200px;             background-color: orange;             border: 3px solid red;             position: relative;             top: 20px;          }       </style>    </head>    <body>       <p>position प्रॉपर्टी का उपयोग करके पोजिशनिंग मेथड का प्रकार सेट करने के लिए क्लिक करें।</p>       <button type = "button" onclick = "display()">पोजिशन सेट करें</button>             <div id = "box">          <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>          <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>          <p>यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है। यह एक डिव है।</p>       </div>       <br>       <br>       <script>          function display() {             document.getElementById("box").style.position = "absolute";          }       </script>    </body> </html>