Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าวิธีการจัดตำแหน่งขององค์ประกอบด้วย JavaScript


หากต้องการตั้งค่าตำแหน่ง ให้ใช้คุณสมบัติ position ใน JavaScript คุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าประเภทของวิธีการจัดตำแหน่งที่ใช้สำหรับองค์ประกอบด้วย JavaScript −

ตัวอย่าง

<!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>Click to set the type of positioning method using position property.</p>       <button type = "button" onclick = "display()">Set Position</button>             <div id = "box">          <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>          <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>          <p>This is a div. This is a div. This is a div. This is a div. This is a div.<p>       </div>       <br>       <br>       <script>          function display() {             document.getElementById("box").style.position = "absolute";          }       </script>    </body> </html>