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

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


list-itemのマーカーとして画像を設定するには、 listStyleImageを使用します JavaScriptのプロパティ。

次のコードを実行して、JavaScriptで画像をリストアイテムマーカーとして設定することができます-

<!DOCTYPE html>
<html>
   <body>
      <ol id="myID">
         <li>One</li>
         <li>Two</li>
      </ol>
      <button type="button" onclick="display()">Update list image</button>
      <script>
         function display() {
            document.getElementById("myID").style.listStyleImage = "url('https://tutorialspoint.com/css/images/bullet.gif')";
         }
      </script>
   </body>
</html>

  1. JavaScriptでリストアイテムマーカータイプを設定するにはどうすればよいですか?

    リストアイテムマーカータイプのタイプを設定するには、 listStyleTypeを使用します 財産。マーカーの種類は、正方形、円、dicなどです。 例 次のコードを実行して、JavaScriptでリストアイテムマーカータイプを設定できます- <!DOCTYPE html> <html>    <body>       <ul id="myID">          <li>One</li>  

  2. JavaScriptで要素のマージンを設定するにはどうすればよいですか?

    マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Set all four margins</button>       <p id=