HTMLElement.dir

在此页

句法
范例
规范
浏览器兼容性
另请参阅
相关话题

HTMLElement.dir property gets or sets the text writing directionality of the content of the current element.

The text writing directionality of an element is which direction that text goes (for support of different language systems). Arabic languages and Hebrew are typical languages using the RTL directionality.

An image can have its dir property set to " rtl " in which case the HTML attributes title and alt will be formatted and defined as " rtl ".

When a table has its dir set to " rtl ", the column order is arranged from right to left.

When an element has its dir set to " auto ", the direction of the element is determined based on its first strong directionality character, or default to the directionality of its parent element.

Browsers might allow users to change the directionality of <input> and <textarea> s in order to assist with authoring content. Chrome and Safari provide a directionality option in the contextual menu of input fields while Internet Explorer and Edge use the key combinations Ctrl + Left Shift and Ctrl + Right Shift . Firefox uses Ctrl / Cmd + Shift + X but does NOT update the dir attribute value.

句法

var currentWritingDirection = elementNodeReference.dir;
elementNodeReference.dir = newWritingDirection;

currentWritingDirection is a string variable representing the text writing direction of the current element.
newWritingDirection is a string variable representing the text writing direction value.

可能的值对于 dir are ltr , for left-to-right, rtl , for right-to-left, and auto for specifying that the direction of the element must be determined based on the contents of the element.

范例

var parg = document.getElementById("para1");
parg.dir = "rtl";
// change the text direction on a paragraph identified as "para1"

规范

规范	状态	注释
HTML 实时标准 The definition of 'dir' in that specification.	实时标准	无变化自 DOM (文档对象模型) 2 级 HTML 规范 .
DOM (文档对象模型) 2 级 HTML 规范 The definition of 'dir' in that specification.	过时	无变化自 DOM (文档对象模型) 1 级规范 .
DOM (文档对象模型) 1 级规范 The definition of 'dir' in that specification.	过时	初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`dir`	Chrome 1	Edge 12	Firefox 1	IE ?	Opera Yes	Safari 6	WebView Android 4.4	Chrome Android 18	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android 1.0

图例

完整支持
兼容性未知 ?

另请参阅

document.dir
HTML dir global attribute
CSS direction property
CSS :dir pseudo-class

元数据

最后修改： Aug 23, 2020

在此页

句法

范例

规范

浏览器兼容性

图例

另请参阅

相关话题