数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM Bdo dir 属性
HTML DOM Bdo dir 属性与 HTML <bdo> 元素相关。其中，bdo 代表双向覆盖。<bdo> 标签用于覆盖当前文本方向，默认情况下为从左到右。bdo dir 属性设置或返回 <bdo> 元素的 dir 属性值。dir 属性对于 <bdo> 元素是必须的。它指定文本流的方向。
语法
以下是语法：
设置 dir 属性：
bdoObject.dir = "ltr|rtl"
这里，ltr 是从左到右的文本方向，而 rtl 是从右到左的文本方向。
返回 dir 属性：
bdoObject.dir
示例
让我们来看一个 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>输出
这将产生以下输出：
点击“获取方向”后：
点击“设置方向”后：
在以上示例中：
我们首先在 <h3> 元素内部创建了一个 元素，并将 dir 属性值设置为“rtl”：
<h3><bdo id="myBdo" dir="rtl">RIGHT-TO-LEFT</bdo></h3>
然后，我们创建了两个按钮“获取方向”和“设置方向”，分别执行 getDirection() 和 setDirection() 函数：
<button onclick="getDirection()">GET DIRECTION</button> <button onclick="setDirection()">SET DIRECTION</button>
getDirection() 函数获取与其关联的 id 为“myBdo”的元素，在本例中为 <bdo> 元素。然后，从 元素获取的 dir 属性值被赋值给变量 x。然后，该值显示在 id 为“Sample”的段落中：
function getDirection() {
var x = document.getElementById("myBdo").dir;
document.getElementById("Sample").innerHTML ="The text direction is from " + x;
}setDirection() 函数通过 id 获取元素“mybdo”，并将它的 dir 属性值设置为“ltr”，这意味着从左到右。这也是默认的文本方向：
function setDirection(){
document.getElementById("myBdo").dir="ltr";
}
更新于： 2019年8月6日
104 次浏览
广告