Style counterReset 属性

Style 对象参考手册 Style 对象

改变 counter-reset 属性：

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

  <p>点击“尝试一下”按钮设置 BODY 元素的 counter-reset 属性：</p>
  <button onclick="myFunction()">尝试一下</button>
  <h1>HTML 教程</h1>
  <h1>JavaScript 教程</h1>
  <h1>CSS 教程</h1>
  <script>
    function myFunction() {
      document.body.style.counterReset = "section";
    }
  </script>

</body>
</html>

尝试一下 »

定义和用法

counterReset 属性创建或重置一个或多个计数器。

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

语法

返回 counterReset 属性：

object.style.counterReset

设置 counterReset 属性：

object.style.counterReset = "none|name number|initial|inherit"

属性值

值 描述
none 默认值。没有计数器会被重置。
name name 定义了哪一个计数器应被重置。
number id 定义了哪一个计数器应被重置。number 设置了计数器在选择器每出现一次应设置的值。默认重置值是 0。
initial 设置该属性为它的默认值。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。

技术细节

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

Style 对象参考手册 Style 对象