Đối tượng Variable (var) trong HTML DOM

Đối tượng Variable trong HTML DOM đại diện cho phần tử <var> - dùng để đánh dấu biến số học/toán học trong văn bản (thường hiển thị in nghiêng).

Tạo var object

document.createElement("VAR");

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body { text-align: center; background-color: #fff; color: #0197F6; }
  h1 { color: #23CE6B; }
  .btn { background-color: #fff; border: 2px solid #0197F6; height: 2rem; width: 40%; margin: 2rem auto; display: block; color: #0197F6; outline: none; cursor: pointer; border-radius: 20px; }
  var { font-style: italic; color: #db133a; font-weight: bold; }
</style>
<body>
<h1>Demo DOM var Object</h1>
<button onclick="createVar()" class="btn">Tạo phần tử <var></button>
<script>
  function createVar() {
    var varElement = document.createElement("VAR");
    varElement.innerHTML = 'x = (-b &plusmn; &radic;(b² - 4ac)) / 2a';
    document.body.appendChild(varElement);
  }
</script>
</body>
</html>

Kết quả

Nhấn "Tạo phần tử <var>" → công thức bậc 2 hiển thị in nghiêng, màu đỏ.

Semantic: <var> cho biến số học/lập trình. Kết hợp <math> (MathML) hoặc LaTeX (MathJax/KaTeX) cho công thức phức tạp.