資料結構
網路
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 瀏覽
廣告