Đối tượng Bdo trong HTML DOM

Đối tượng Bdo trong HTML DOM liên quan đến phần tử <bdo> trong HTML. Bdo là viết tắt của Bi-Directional Override (Ghi đè hai chiều). Được dùng để tạo và truy cập đối tượng bdo. Nó chỉ có một thuộc tính “dir”. Hướng văn bản mặc định là từ trái sang phải nhưng có thể ghi đè với phần tử <bdo>. Đối tượng bdo đại diện cho phần tử <bdo>.

Thuộc tính

Thuộc tính của đối tượng bdo:

Cú pháp

Tạo đối tượng bdo

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

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

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

Ví dụ

Dưới đây là ví dụ cho đối tượng HTML DOM bdo:

<!DOCTYPE html> <html> <body> <p>Click nút bên dưới để tạo phần tử bdo với văn bản từ phải sang trái</p> <button onclick="bdoCreate()">TẠO</button> <button onclick="getDirection()">LẤY HƯỚNG</button> <br><br> <p id="Sample"></p> <script>    function bdoCreate() {       var x = document.createElement("BDO");       var t = document.createTextNode("TỪ PHẢI SANG TRÁI");       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 = "Hướng là từ" + x;    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click nút TẠO:

Khi click nút LẤY HƯỚNG: