bdo在html的例子,HTML DOM Bdo用法及代码示例

DOM Bdo对象用于表示HTML 元素。双向元素由getElementById()访问。属性：它具有dir属性，该属性用于设置或返回元素的文本方向。句法：

document.getElementById("GFG");

其中“GFG”是分配给“bdo”标签的ID。示例1：

h1 {

color:green;

}

h2 {

font-size:35px;

}

GeeksForGeeks

DOM Bdo Object

A Computer science portal for geeks

Submit

function myGeeks() {

var w = document.getElementById("GFG");

if (w.dir === "rtl") {

document.getElementById("sudo").innerHTML =

"right to left text direction";

} else {

document.getElementById("sudo").innerHTML =

" left to right text direction.";

}

}

输出：

在单击按钮之前：

单击按钮后：

示例-2：可以使用“ document.createElement方法”创建Bdo对象。

h1 {

color:green;

}

h2 {

font-size:35px;

}

GeeksForGeeks

DOM Bdo Object

Submit

function myGeeks() {

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

var f = document.createTextNode("GeeksForGeeks.");

g.setAttribute("dir", "rtl");

g.appendChild(f);

document.body.appendChild(g);

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Bdo Object支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari