Style counterIncrement 属性

Style 对象参考手册 Style 对象

改变 counterIncrement 属性：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    h1 {
      counter-increment: section;
    }

    h1:before {
      content: "第 " counter(section) " 部分：";
    }
  </style>
</head>
<body>

  <h1>HTML 教程</h1>
  <h1 id="myH1">CSS 教程</h1>
  <h1>JavaScripts 教程</h1>
  <p>点击“尝试一下”按钮改变第二个 H1 元素的 counterIncrement：</p>
  <button onclick="myFunction()">尝试一下</button>
  <script>
    function myFunction() {
      document.getElementById("myH1").style.counterIncrement = "subsection";
    }
  </script>

</body>
</html>

尝试一下 »

定义和用法

counterIncrement 属性增加一个或多个计数器的值。

counterIncrement 属性通常与 counterReset 属性和 content 属性一起使用。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 counterIncrement 属性。

注意：只有当指定了一个 !DOCTYPE 时，IE8 才支持 counterIncrement 属性。

语法

返回 counterIncrement 属性：

object.style.counterIncrement

设置 counterIncrement 属性：

object.style.counterIncrement = "none|id|initial|inherit"

属性值

值 描述
none 默认值。没有计数器会被增加。
id number id 定义了哪一个计数器应被增加。number 设置了计数器在选择器每出现一次应增加多少。默认增加值是 1。允许 0 或负值。如果 id 所指向的计数器未被 counter-reset 初始化，则默认初始值是 0。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。

技术细节

默认值： none
返回值： 字符串，表示元素的 counter-increment 属性。
CSS 版本 CSS2

Style 对象参考手册 Style 对象