如何检测当前网页或元素方向（rtl/ltr）或javascript中的任何其他属性？

Question

我如何读取当前影响不一定是样式的元素的任何属性？其中一个属性是“dir”。

Answer 1

最近我也遇到了类似的问题，你可以通过 window.getCompulatedStyle 和 element.currentStyle 方法获取元素的属性：

    var elem = document.getElementById('test');
    if (window.getComputedStyle) { // all browsers
        cs = window.getComputedStyle(elem, null).getPropertyValue('direction');
    } else {
        cs = elem.currentStyle.direction; // IE5-8
    }
    alert(cs);

jsfiddle； 兼容性信息

Answer 2

这些通常反映为元素实例上的属性。例如，

dir

和大多数其他的一样。有些稍微重命名了一些名称（

htmlFor

代替了

for

，

className

代替了

class

），但大部分都是1:1（

target

代表

target

，

action

代表

action

） , ...).

参考资料：

DOM2 HTML 规范中的

• dir

HTML5 规范中的

• dir

Answer 3

在 JavaScript 中也可以轻松获取变量：

var direction = document.dir;

如果是 rtl，则为“rtl”