HTML DOM Bdo对象(Bdo Object)

Bdo对象代表了HTML文档中的bdo元素

如何访问Bdo对象?

使用getElementById()访问Bdo元素。

var  x = document.getElementById("myBdo");

如何创建Bdo对象

使用createElement()方法创建Bdo元素。

var x = document.createElement("bdo");
Bdo对象的属性
属性 说明
dir 设置或返回bdo元素上的dir属性的值

标准属性及事件

Bdo对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何访问 BDO元素?</h3>

<p><bdo id="myBdo" dir="rtl">该内容会从右向左显示</bdo></p>

<p>点击以下按钮,获取bdo元素中内容的显示方向</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

var x = document.getElementById("myBdo");

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

document.getElementById("demo").innerHTML = "内容由右向左显示";

} else {

document.getElementById("demo").innerHTML = "内容由左向右显示";

}

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建 BDO元素?</h3>

<p>点击以下按钮,获取bdo元素中内容的显示方向</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

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

var t = document.createTextNode("该处内容从右向左显示");

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

x.appendChild(t);

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容