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

जावास्क्रिप्ट के साथ बाकी के सापेक्ष आइटम की लंबाई कैसे सेट करें?


फ्लेक्स का प्रयोग करें जावास्क्रिप्ट में संपत्ति बाकी के सापेक्ष आइटम की लंबाई निर्धारित करने के लिए। flex . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट के साथ संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 1px solid #000000;
            width: 300px;
            height: 400px;
            display: flex;
         }
      </style>
   </head>
   <body>
      <div id = "box">
         <div style = "background-color:orange;">DIV1</div>
         <div style = "background-color:blue;">DIV2</div>
         <div style = "background-color:yellow;">DIV3</div>
      </div>

      <button onclick = "display()">Set</button>

      <script>
         function display() {

            var a = document.getElementById("box");
            var b = a.getElementsByTagName("DIV");

            var j ;
            for (j = 0; j < b.length; j++) {
               b[j].style.flex = "1";
            }
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ बाकी के सापेक्ष, लचीली वस्तु का क्रम कैसे सेट करें?

    शेष जावास्क्रिप्ट के सापेक्ष, लचीली वस्तु का क्रम निर्धारित करने के लिए, आदेश . का उपयोग करें संपत्ति। आदेश . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <style> #box { border: 1

  1. जावास्क्रिप्ट के साथ किसी तत्व के मार्जिन को कैसे सेट करें?

    मार्जिन का प्रयोग करें जावास्क्रिप्ट में संपत्ति, मार्जिन सेट करने के लिए। आप जावास्क्रिप्ट के साथ एक तत्व के मार्जिन को सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <button type="but

  1. जावास्क्रिप्ट के साथ किसी तत्व के चारों ओर रूपरेखा की शैली कैसे सेट करें?

    रूपरेखा शैली सेट करने के लिए, रूपरेखा का उपयोग करें संपत्ति। रूपरेखा ठोस, बिंदीदार, धराशायी, आदि हो सकती है। उदाहरण आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की शैली निर्धारित करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <