Thuộc tính dir trong JavaScript

• Bùi Tấn Lực
• 858
• 17/09/2025

Chức năng của Thuộc tính dir trong JavaScript

Thuộc tính dir trong JavaScript dùng để thêm thuộc tính dir vào phần tử HTML với các giá trị: rtl (right-to-left), ltr (left-to-right), auto.

Cú pháp của Thuộc tính dir trong JavaScript

tenbien.dir = "giatri";

tenbien: Tên biến là những phần tử HTML hoặc body (document.body hoặc document.getElementById("giatriid"))

giatri: Giá trị của thuộc tính dir.

Code Thuộc tính dir trong JavaScript

Thuộc tính dir trên phần tử trong JavaScript

<div id="dirid">
 <p>ltr (left-to-right): Văn bản được hiển thị từ trái sang phải. Đây là giá trị mặc định cho hầu hết các ngôn ngữ, bao gồm tiếng Việt.</p>
 <p>rtl (right-to-left): Văn bản được hiển thị từ phải sang trái. Thuộc tính này cần thiết cho các ngôn ngữ viết theo hướng này, chẳng hạn như tiếng Ả Rập và tiếng Do Thái.</p>
 <p>auto: Trình duyệt sẽ tự động xác định hướng của văn bản dựa trên các ký tự đầu tiên của phần tử.</p>
</div>
<button onclick="rtl()">Dir rtl</button>
<button onclick="ltr()">Dir ltr</button>
<button onclick="auto()">Dir auto</button>
<script>
// rtl (right-to-left)
function rtl() {
  document.getElementById("dirid").dir = "rtl";
}
// ltr (left-to-right)
function ltr() {
  document.getElementById("dirid").dir = "ltr";
}
// auto
function auto() {
  document.getElementById("dirid").dir = "auto";
}
</script>

Chạy Thử

Thuộc tính dir trên body trong JavaScript

<h1>Thuộc tính dir trên body trong JavaScript</h1>
 <p>ltr (left-to-right): Văn bản được hiển thị từ trái sang phải. Đây là giá trị mặc định cho hầu hết các ngôn ngữ, bao gồm tiếng Việt.</p>
 <p>rtl (right-to-left): Văn bản được hiển thị từ phải sang trái. Thuộc tính này cần thiết cho các ngôn ngữ viết theo hướng này, chẳng hạn như tiếng Ả Rập và tiếng Do Thái.</p>
 <p>auto: Trình duyệt sẽ tự động xác định hướng của văn bản dựa trên các ký tự đầu tiên của phần tử.</p>
<script>
document.body.dir ="rtl";
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính dir trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính dir trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn