HTML | DOM 样式 counterReset 属性

HTML DOM 中的Style counterReset 属性用于创建或重置计数器。此属性与counterincrement属性和 content 属性一起使用。

句法：

• 它用于返回 counterReset 属性。

  object.style.counterReset

• 它用于设置 counterReset 属性。

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

属性值

Value	Description
none	It is the default value no counter will be reset.
name	It holds the name of the counter which counter will be reset.
number	It holds the number which counter eill be reset.
initial	Set this property to it’s default value.
inherit	Inherits the property from it’s parent element.

返回值：此方法返回一个包含元素的计数器增量属性的字符串。

例子：

      

    
        HTML DOM Style counterReset Property
    
      
    
        p:before {
            counter-increment: subj;
            content: "Subject " counter(subj) ": ";
        }
    

  

      
    GeeksforGeeks
      
    
        HTML DOM Style counterReset Property
    
      
    
        Click Here!
    
      
    Computer Science Subjects
      
    Data Structure
    Algorithm
    Operating System
    Computer Networks
      
    
        function myFunction() {
            document.body.style.counterReset = "subj";
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM counterReset 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器