Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt thứ tự của mục linh hoạt, so với phần còn lại bằng JavaScript?

Để đặt thứ tự của mục linh hoạt, so với phần còn lại của JavaScript, hãy sử dụng order bất động sản. Bạn có thể thử chạy mã sau để triển khai đơn đặt hàng tài sản -

Ví dụ 

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

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

      <script>
         function display() {
            document.getElementById("myID1").style.order = "3";
            document.getElementById("myID2").style.order = "1";
            document.getElementById("myID3").style.order = "2";
         }
      </script>
   </body>
   
</html>