数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM dir 属性
HTML DOM dir 属性用于将元素的文本方向从默认的从左到右更改为从右到左或自动。dir 属性用于设置和返回元素的 dir 属性值。返回的 dir 属性值为字符串类型。
语法
以下是语法 −
设置 dir 属性 −
HTMLElementObject.dir = "ltr|rtl|auto"
这里，ltr=从左到右的文本方向，它是默认的文本方向，rtl=从右到左的文本方向，auto=文本方向基于此处的内容，通常由 Web 浏览器确定。
示例
让我们看一个 HTML DOM dir 属性示例 −
<!DOCTYPE html>
<html>
<body>
<h2>HTML DOM dir property</h2>
<p id="Sample">This is a sample text</p>
<button onclick="changeDir()">Change Dir</button>
<script>
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
</script>
<p>Clicking on the above button will change the text direction</p>
</body>
</html>输出
这将产生以下输出 −
单击“Change Dir”按钮 −
我们首先创建了一个按钮“Change Dir”，当用户单击它时，它将执行 changeDir() 函数 −
<button onclick="changeDir()">Change Dir</button>
changeDir() 函数使用 getElementById() 方法获取段落元素，并将其 dir 属性值设置为从右到左。这将文本从右向左显示 −
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
更新日期： 20-Feb-2021
117 浏览
广告