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

JavaScriptを使用してドキュメントの最初の画像のIDを返す方法は？

最初の画像のIDを返すには、JavaScriptのimagesプロパティを使用します。

例

次のコードを実行して、ドキュメントの最初の画像のIDを返すことができます-

<!DOCTYPE html>
<html>
   <body>
      <img id="image1" src="https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg">
      <img id="image2" src="https://www.tutorialspoint.com/hive/images/hive-mini-logo.jpg">
      <img id="image3" src="https://www.tutorialspoint.com/sas/images/sas-mini-logo.jpg">
      <img id="image4" src="https://www.tutorialspoint.com/maven/images/maven-mini-logo.jpg">
      <script>
         var val = document.images.length;
         document.write("<br>Number of images in the document: "+val);
         document.write("<br>The id of the first image: "+document.images[0].id);
      </script>
   </body>
</html>

  1. JavaScriptで画像をリストアイテムマーカーとして設定するにはどうすればよいですか？

    list-itemのマーカーとして画像を設定するには、 listStyleImageを使用します JavaScriptのプロパティ。 例 次のコードを実行して、JavaScriptで画像をリストアイテムマーカーとして設定することができます- <!DOCTYPE html> <html>    <body>       <ol id="myID">          <li>One</li>  

  2. JavaScriptでドキュメントに関連付けられたCookieを取得するにはどうすればよいですか？

    Javascriptはドキュメントを提供しています オブジェクト 文書に関するあらゆる種類の情報を処理するため。このオブジェクトはdocument.cookieを提供しています 特定のドキュメントに関連付けられたCookieを取得します。このメソッドは、他のコード行を妨げることはありません。 構文 cookie = document.cookie; 例 次の例では、 document.cookie ドキュメントに関連付けられたCookieを取得するために使用され、結果は次のように出力に表示されます。 <html> <body> <p id="co