ในการตั้งค่าภาพพื้นหลังใน JavaScript ให้ใช้คุณสมบัติ backgroundImage คุณสมบัตินี้ช่วยให้คุณกำหนดภาพพื้นหลังได้
ตัวอย่าง
ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีตั้งค่าภาพพื้นหลังด้วย JavaScript
<!DOCTYPE html> <html> <body> <button onclick="display()">คลิกเพื่อตั้งค่าภาพพื้นหลัง</button> <script> function display() { document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')"; } </script> </body> </html>
จุดสำคัญ:
- ใช้
element.style.backgroundImageเพื่อตั้งค่า - ค่าต้องอยู่ในรูปแบบ
url('path/to/image.jpg') - สามารถประยุกต์ใช้กับองค์ประกอบ任何 HTML element ได้
