<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 样式的方式,可动态改变字体文本的装饰效果。