x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
h1 {8
counter-increment: section;9
}10
11
h1:before {12
content: "第 " counter(section) " 部分：";13
}14
</style>15
</head>16
<body>17
18
<h1>HTML 教程</h1>19
<h1 id="myH1">CSS 教程</h1>20
<h1>JavaScripts 教程</h1>21
<p>点击“尝试一下”按钮改变第二个 H1 元素的 counterIncrement：</p>22
<button onclick="myFunction()">尝试一下</button>23
<script>24
function myFunction() {25
document.getElementById("myH1").style.counterIncrement = "subsection";26
}27
</script>28
29
</body>30
</html>