x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
h1:before {8
counter-increment: section;9
content: "第 " counter(section) " 部分：";10
}11
</style>12
</head>13
<body>14
15
<p>点击“尝试一下”按钮设置 BODY 元素的 counter-reset 属性：</p>16
<button onclick="myFunction()">尝试一下</button>17
<h1>HTML 教程</h1>18
<h1>JavaScript 教程</h1>19
<h1>CSS 教程</h1>20
<script>21
function myFunction() {22
document.body.style.counterReset = "section";23
}24
</script>25
26
</body>27
</html>