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

Trình soạn thảo - Thuộc tính dir trên phần tử trong JavaScript

Kết quả - Thuộc tính dir trên phần tử trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính dir trên phần tử trong JavaScript</title>
</head>
<body>

<h1>Thuộc tính dir trên phần tử trong JavaScript</h1>
<p>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:</p>

<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>
</body>
</html>