Как определить направление текста элемента с помощью Javascript?

Question

Каков наилучший способ определения направления текста элемента html с помощью Javascript? Я ожидал бы получить либо «rtl», либо «ltr».

<div dir="ltr" id="foo">bar</div> 

<div style="direction:ltr" id="baz">quux</div> 

<div dir="ltr"><div id="jeez">whiz</div></div> 

Как бы проверить направление на «foo», «baz» или «jeez»?

Answer 1

getComputedStyle доступен в современных браузерах (IE9 + и других).

getComputedStyle(document.getElementById('foo')).direction 

http://jsfiddle.net/m8Zwk/

Reference to getComputedStyle on Mozilla Developer Network

Answer 2

Вы можете просто использовать style объект:

console.log(document.getElementById('baz').style.direction); 

DEMO

принять к сведению, что этот объект DOM представляет только стили линии элемента, он не относится к какой-либо css style листов.

Answer 3

Попробуйте

document.defaultView.getComputedStyle(document.getElementById('baz'),null)['direction']; 

ИЛИ

style = document.defaultView.getComputedStyle(document.firstChild,null); 
console.log(style.direction); 

Answer 4

@ взрыв-таблетки ответить правильно. Я сделал некоторые дополнительные исследования для совместимости IE и придумал следующее:

function getDirection(el) { 
    var dir; 
    if (el.currentStyle) 
     dir = el.currentStyle['direction']; 
    else if (window.getComputedStyle) 
     dir = getComputedStyle(el, null).getPropertyValue('direction'); 
    return dir; 
} 

Это должно работать даже на Firefox 3.6, который требует null в качестве второго параметра getPropertyValue.

Поскольку это дает больше информации, я думал, что опубликую его на случай, если это поможет кому-то.