Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript DOM में एलिमेंट के लिए बैकग्राउंड इमेज कैसे सेट करें?

अवलोकन

backgroundImage प्रॉपर्टी एलिमेंट की बैकग्राउंड इमेज सेट करती है।

उदाहरण

<!DOCTYPE html> <html>    <body>       <button onclick="display()">Click to Set background image</button>       <script>          function display() {             document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')";          }       </script>    </body> </html>
  1. - JavaScript से लिस्ट-आइटम मार्कर के रूप में इमेज कैसे सेट करें?

    उदाहरण listStyleImage प्रॉपर्टी से कस्टम इमेज को लिस्ट मार्कर के रूप में उपयोग करें। <!DOCTYPE html> <html> <body> <ol id=myID> <li>एक</li> <li>दो</li> </ol> <button type=button onclick=display()>लिस्ट इमेज अपडेट क

  1. - JavaScript से एलिमेंट की अस्पष्टता (opacity) स्तर कैसे सेट करें?

    उदाहरण opacity प्रॉपर्टी (0.0 से 1.0) से एलिमेंट पारदर्शिता सेट करें। <!DOCTYPE html> <html> <head> <style> #box { width: 450px; background-color: gray; } </style> </head> <body> <p>अस्पष्टता सेट करने के लि

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {