Thuộc tính HTML DOM dir

Thuộc tính dir trong HTML DOM dùng để thay đổi hướng văn bản của phần tử từ mặc định trái-sang-phải (ltr) sang phải-sang-trái (rtl) hoặc tự động (auto). Thuộc tính này đặt hoặc trả về giá trị thuộc tính dir của phần tử. Giá trị trả về là chuỗi.

Cú pháp

Thiết lập thuộc tính dir:

HTMLElementObject.dir = "ltr|rtl|auto"

• ltr (mặc định): Văn bản hiển thị từ trái sang phải.
• rtl: Văn bản hiển thị từ phải sang trái (dùng cho tiếng Ả Rập, Hebrew, v.v.).
• auto: Trình duyệt tự xác định hướng dựa trên nội dung.

Ví dụ

Ví dụ thay đổi hướng văn bản của đoạn văn khi nhấn nút:

<!DOCTYPE html>
<html>
<body>
<h2>Thuộc tính HTML DOM dir</h2>
<p id="Sample">Đây là văn bản mẫu</p>
<button onclick="changeDir()">Thay đổi hướng</button>
<script>
  function changeDir() {
    document.getElementById("Sample").dir = "rtl";
  }
</script>
<p>Nhấn nút trên sẽ thay đổi hướng hiển thị văn bản</p>
</body>
</html>

Kết quả

Ban đầu văn bản "Đây là văn bản mẫu" hiển thị bình thường (trái sang phải).

Sau khi nhấn nút "Thay đổi hướng", văn bản hiển thị từ phải sang trái (các ký tự đảo thứ tự hiển thị).

Giải thích

• Nút "Thay đổi hướng" gọi hàm changeDir().
• Hàm lấy phần tử <p id="Sample"> và đặt .dir = "rtl".
• Văn bản trong đoạn văn ngay lập tức hiển thị theo hướng phải-sang-trái.