Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt kiểu của dòng trong trang trí văn bản bằng JavaScript?


Để đặt kiểu của dòng trong JavaScript, hãy sử dụng textDecorationStyle bất động sản. Bạn có thể đặt gạch dưới, gấp đôi hoặc gạch ngang, v.v. cho kiểu dòng.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để trả về kiểu của dòng trong trang trí văn bản bằng 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.textDecorationStyle = "double";
         }
      </script>
   </body>
</html>