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

JavaScriptで1つ以上のカウンターをインクリメントするにはどうすればよいですか？

counterIncrementを使用します カウンターをインクリメントするプロパティ。次のコードを実行して、JavaScriptで1つ以上のカウンターをインクリメントすることができます-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            counter-increment: section;
         }
         h2:before {
            content: counter(section) " Quiz ";
         }
      </style>
   </head>
   <body>
      <h1>Quizzes</h1>
      <p>Change the counterIncrement</p>
      <h2>Ruby</h2>
      <h2 id="myID">Java</h2>
      <h2>PHP</h2>
      <h2>Perl</h2>
      <button onclick="display()">Update Counter Increment</button>
      <script>
         function display() {
            document.getElementById("myID").style.counterIncrement = "subsection";
         }
      </script>
   </body>
</html>

  1. JavaScriptでテキストを切り替える方法は？

    JavaScriptでテキストを切り替えるためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana,

  2. 行文字列を新しくする方法-JavaScript？

    新しい行にはタグを使用します。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</ti