Thuộc tính HTML DOM dir được sử dụng để thay đổi hướng văn bản của phần tử từ trái sang phải sang phải sang trái mặc định hoặc tự động. Thuộc tính dir được sử dụng để thiết lập và trả về giá trị thuộc tính dir của một phần tử. Giá trị thuộc tính dir trả về thuộc loại chuỗi ký tự.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính dir -
HTMLElementObject.dir = "ltr|rtl|auto"
Ở đây, ltr =hướng văn bản từ trái sang phải và đó là hướng văn bản mặc định., Rtl =hướng văn bản từ phải sang trái, auto =hướng văn bản dựa trên nội dung ở đây và thường được trình duyệt web tính toán.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính HTML DOM dir -
<!DOCTYPE html>
<html>
<body>
<h2>HTML DOM dir property</h2>
<p id="Sample">This is a sample text</p>
<button onclick="changeDir()">Change Dir</button>
<script>
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
</script>
<p>Clicking on the above button will change the text direction</p>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút “Change Dir” -
Đầu tiên chúng tôi đã tạo một nút “Change Dir” sẽ thực thi hàm changeDir () khi người dùng nhấp vào -
<button onclick="changeDir()">Change Dir</button>
Hàm changeDir () lấy phần tử đoạn bằng phương thức getElementById () và đặt giá trị thuộc tính dir của nó từ phải sang trái. Điều này sẽ hiển thị văn bản từ phải sang trái -
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}