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

Làm cách nào để đặt chiều cao bằng chiều rộng động (bố cục linh hoạt CSS) trong JavaScript?


Để đặt chiều cao bằng chiều rộng động trong JavaScript, bạn có thể thử chạy mã sau -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .wrap {
            width:400px;
            height:300px;
            border:2px solid yellow;
         }
         .myChild{
            width: 80%;
            border:1px solid red;
         }
      </style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
      </script>
      <script>
         var res = $('.myChild').width();
         $('.myChild').css({
            'height': res + 'px'
         });
      </script>
   </head>
   <body>
      <div class = "wrap">
         <div class = "myChild"></div>
      </div>
   </body>
</html>