Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML DOM Bdo dir

Thuộc tính HTML DOM Bdo dir được liên kết với phần tử HTML . Ở đây, bdo là viết tắt của Bi-Directional Override. Thẻ được sử dụng để ghi đè hướng văn bản hiện tại theo mặc định là từ trái sang phải. Thuộc tính bdo dir đặt hoặc trả về giá trị thuộc tính dir của phần tử . Thuộc tính dir là bắt buộc đối với phần tử . Nó chỉ định hướng của dòng văn bản.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính dir -

bdoObject.dir = "ltr|rtl"

Ở đây, ltr là hướng văn bản từ trái sang phải, trong khi rtl là hướng văn bản từ phải sang trái.

Trả lại thuộc tính dir -

bdoObject.dir

Ví dụ

Hãy để chúng tôi xem một ví dụ cho thuộc tính HTML DOM bdo dir -

<!DOCTYPE html>
<html>
<body>
<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>
<p>Click the below button to get text direction of the above text</p>
<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>
<p id="Sample"></p>
<script>
   function getDirection() {
      var x = document.getElementById("myBdo").dir;
      document.getElementById("Sample").innerHTML ="The text direction is from " + x;
   }
   function setDirection(){
      document.getElementById("myBdo").dir="ltr";
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính HTML DOM Bdo dir

Khi nhấp vào NHẬN HƯỚNG DẪN -

Thuộc tính HTML DOM Bdo dir

Khi nhấp vào ĐẶT HƯỚNG -

Thuộc tính HTML DOM Bdo dir

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một phần tử bên trong Phần tử

có giá trị thuộc tính dir được đặt thành “rtl” -

<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>

Sau đó, chúng tôi đã tạo hai nút GET DIRECTION và SET DIRECTION để thực thi các hàm getDirection () và setDirection () tương ứng -

<button onclick="getDirection()">GET DIRECTION</button>
<button onclick="setDirection()">SET DIRECTION</button>

Hàm getDirection () nhận phần tử có id “myBdo” được liên kết với nó là phần tử trong trường hợp của chúng ta. Giá trị thuộc tính dir thu được từ phần tử sau đó được gán cho biến x. Sau đó, giá trị được hiển thị trong đoạn có id “Mẫu” được liên kết với nó -

function getDirection() {
   var x = document.getElementById("myBdo").dir;
   document.getElementById("Sample").innerHTML ="The text direction is from " + x;
}

Hàm setDirection () lấy phần tử theo id “mybdo” và đặt giá trị thuộc tính dir của nó thành “ltr” có nghĩa là từ trái sang phải. Nó cũng là hướng văn bản mặc định -

function setDirection(){
   document.getElementById("myBdo").dir="ltr";
}