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

Làm cách nào để trả lại vị trí của phần tử so với các đối tượng nổi trong JavaScript?


Để trả lại vị trí của phần tử so với các đối tượng nổi, hãy sử dụng clear thuộc tính trong JavaScript.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách trả lại vị trí của phần tử.

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            float: left;
         }
      </style>
   </head>
   <body>
      <img src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="170" height="150">
      <p id="myP">Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content!
         Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content! Demo content!</p>
      <button type="button" onclick="display()">Click</button>
      <script>
         function display() {
            document.getElementById("myP").style.clear = "left";
         }
      </script>
   </body>
</html>