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

Đối tượng HTML DOM Bdo

Đối tượng HTML DOM Bdo được liên kết với phần tử trong HTML. Bdo là viết tắt của Bi-Directional Override. Nó được sử dụng để tạo và truy cập một đối tượng bdo. Nó chỉ có một thuộc tính "dir". Theo mặc định, hướng văn bản là từ trái sang phải nhưng có thể được ghi đè bằng phần tử . Đối tượng bdo đại diện cho phần tử .

thuộc tính

Sau đây là thuộc tính đối tượng bdo -

Thuộc tính Mô tả
dir Đặt hoặc trả về giá trị của thuộc tính dir của phần tử

Cú pháp

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

Tạo đối tượng bdo -

var a = document.createElement("BDO");

Truy cập một đối tượng bdo -

var a = document.getElementById("demoBdo");

Ví dụ

Hãy để chúng tôi xem một ví dụ cho đối tượng HTML DOM bdo -

<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create bdo element with text from right to left</p>
<button onclick="bdoCreate()">CREATE</button>
<button onclick="getDirection()">GET DIRECTION</button>
<br><br>
<p id="Sample"></p>
<script>
   function bdoCreate() {
      var x = document.createElement("BDO");
      var t = document.createTextNode("RIGHT TO LEFT");
      x.setAttribute("dir", "rtl");
      x.setAttribute("id","myBDO");
      x.appendChild(t);
      document.body.appendChild(x);
   }
   function getDirection(){
      var x= document.getElementById("myBDO").dir;
      document.getElementById("Sample").innerHTML="The direction is from"+x;
   }
</script>
</body>
</html>

Đầu ra

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

Đối tượng HTML DOM Bdo

Khi nhấp vào nút TẠO -

Đối tượng HTML DOM Bdo

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

Đối tượng HTML DOM Bdo