<html> <script language="JavaScript"> function changFont( x ){ document.getElementById("article").style.textDecoration = x; } </script> <body> <p> <a onClick="changFont('none');">无装饰</a> <a onClick="changFont('line-through');">删除线</a> <a onClick="changFont('underline');">下划线</a> <a onClick="changFont('overline');">上划线</a> </p> <p id="article"> 我是一些文字 ...<br /> Some Text ... </p> </body> </html>
在该例子中,通过 JavaScript 控制文本 CSS text-decoration 样式的方式,可动态改变字体文本的装饰效果。