Đối tượng Underline trong HTML DOM

Đối tượng Underline trong HTML DOM đại diện cho phần tử <u>.

Tạo phần tử <u>

var uObject = document.createElement("U")

Ví dụ

Dưới đây là ví dụ minh họa phần tử Underline:

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Underline</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-Underline</legend>
      <h2><u id="Underline">Cảnh Báo: </u>Đây Là Ví Dụ Demo</h2>
      <input type="button" value="Hiển Thị" onclick="getBetterDisp()">
    </fieldset>
  </form>
  <script>
    var uObject = document.getElementById("Underline");
    function getBetterDisp() {
      uObject.style.backgroundColor = '#DC3545';
      uObject.style.color = '#FFF';
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút Hiển Thị:

Sau khi nhấn nút Hiển Thị: