HTMLElement.dir - グローバル属性のdir属性

2017/09/23

dirは、HTMLElementのプロパティです。HTMLのグローバル属性であるdir属性を反映します。

概要

名前

dir

所属

IDL

[CEReactions] attribute DOMString dir;

仕様書

https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-bdi-element

説明

このプロパティはHTMLを反映しています。値についての説明はdir属性の項目をご参考下さい。

チュートリアル

取得、代入、どちらもできます。

HTML

<p dir="rtl" id="hoge">SYNCER</p>

JavaScript

// HTMLElementを取得
var element = document.getElementById( "hoge" ) ;

取得

var value = element.dir ;	// "rtl"

代入

element.dir = "ltr" ;	// <p dir="rtl" id="hoge">SYNCER</p>

デモ

HTMLElement.dirを取得するデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
<p dir="rtl" id="hoge">SYNCER</p>
<hr>

<script>
var element = document.getElementById( "hoge" ) ;

console.log( element.dir ) ;
document.body.appendChild( new Text( element.dir ) ) ;
</script>
</body>
</html>

サポート状況

Features	Chrome	Firefox	Safari	Edge	IE	Opera	iOS Safari	Android
dir	●	●	●	●	●	●	●	●
ltr	確認中	確認中	確認中	確認中	確認中	確認中	確認中	確認中
rtl	確認中	確認中	確認中	確認中	確認中	確認中	確認中	確認中
auto	確認中	確認中	確認中	確認中	確認中	確認中	確認中	確認中

概要

説明

チュートリアル

取得

代入

デモ

サポート状況

関連記事