Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Đối tượng HTML DOM S

Đối tượng S trong HTML DOM đại diện cho phần tử <s> — văn bản được gạch ngang (strikethrough), thường dùng để chỉ nội dung không còn chính xác/hữu hiệu.

Cú pháp tạo đối tượng

document.createElement("S");

Ví dụ minh họa

Tạo động phần tử <s> và thêm vào trang:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align:center; background-color:#fff; color:#0197F6; }
  h1 { color:#23CE6B; }
  .drop-down { width:35%; border:2px solid #fff; font-weight:bold; padding:8px; }
  .btn { background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; }
  p { font-size:1.2rem; background-color:#db133a; color:#fff; padding:8px; }
</style>
</head>
<body>
<h1>Demo Đối tượng S (Strikethrough)</h1>
<button onclick="createS()" class="btn">Tạo phần tử s</button>
<script>
  function createS() {
    var sElement = document.createElement("S");
    sElement.innerHTML = "Tôi là phần tử <s> trong HTML";
    document.body.appendChild(sElement);
  }
</script>
</body>
</html>

Kết quả

Nhấn "Tạo phần tử s" để thêm dòng chữ bị gạch ngang vào cuối trang.