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

หากต้องการตั้งค่าระยะห่างภายในด้านล่าง ให้ใช้คุณสมบัติ paddingBottom ใน JavaScript

ตัวอย่าง

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px solid #FF0000;             width: 150px;             height: 70px;          }       </style>    </head>    <body>       <div id = "box">This is demo text.</div>       <br>       <br>       <button type = "button" onclick = "display()">Bottom padding</button>             <script>          function display() {             document.getElementById("box").style.paddingBottom = "100px";          }       </script>    </body> </html>