如何用 JavaScript 设置文本装饰中的线条类型？

若要在文本装饰中设置线条的类型，可使用 textDecorationLine 属性。可尝试运行以下代码以用 JavaScript 返回文本装饰中的线条类型 -

示例

<!DOCTYPE html>
<html>
   <body>
      <div id = "myText" style = "text-decoration: underline;">
         This is demo text.
      </div>
      <br>
      <button onclick="display()"> Set Text Decoration </button>
      <script>
         function display() {
            document.getElementById("myText").style.textDecorationColor = "red";
            document.getElementById("myText").style.textDecorationLine = "overline";
         }
      </script>
   </body>
</html>

更新于:2020 年 6 月 23 日

115 次浏览

开启你的 职业生涯

完成课程获取认证

开始学习
广告