Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでフローティングオブジェクトを基準にした要素の位置を返す方法は？

フローティングオブジェクトに対する要素の位置を返すには、 clearを使用します JavaScriptのプロパティ。

例

次のコードを実行して、要素の位置を返す方法を学ぶことができます。

<!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>

  1. JavaScriptでオブジェクトを浅くコピーする方法は？

    Underscore.js 、javascriptのライブラリは、 _.extend（）と呼ばれるメソッドを導入しました 浅いコピー javascriptのオブジェクト。このメソッドは、ソースのすべてのプロパティをコピーします 宛先へのオブジェクト オブジェクト、および宛先オブジェクトを返します。ここにリファレンスがあります コピーには使用されますが、複製には使用されません 。 構文 _.extend(object*); オブジェクトと浅いコピーを受け入れます 彼ら。できるだけ多くのオブジェクトを提供できます。 例-1 次の例では、3つの個別のオブジェクトが浅くコピーされ、出力で実行さ

  2. MongoDBのコレクションに関連するドキュメントの位置を返す方法は？

    コレクションに対するドキュメントの位置を返すには、count（）とともにsort（）を使用します。ドキュメントを使用してコレクションを作成しましょう- > db.demo47.insertOne({"ClientName":"Adam"}); {    "acknowledged" : true,    "insertedId" : ObjectId("5e267240cfb11e5c34d898f0") } > db.demo47.inser