x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
p#myP {8
text-decoration: underline;9
}10
</style>11
</head>12
<body>13
14
<p id="myP">15
Hello world!16
</p>17
<p>点击“尝试一下”按钮，改变段落的 text-decoration-style。</p>18
<button onclick="myFunction()">尝试一下</button>19
<script>20
function myFunction() {21
document.getElementById("myP").style.textDecorationStyle = "wavy";22
document.getElementById("myP").style.MozTextDecorationStyle = "wavy"; // 针对 Firefox 的代码23
}24
</script>25
26
<p><b>注意：</b>几乎所有的主流浏览器都不支持 textDecorationStyle 属性。</p>27
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 MozTextDecorationStyle 属性。</p>28
29
</body>30
</html>