JavaScript LTR/RTL 在 DOM 元素上检测

Question

如何检测元素的文本方向？

可以在 HTML 文档中将文本方向设置为任何元素或其父元素。您可以通过元素 dir 属性或通过 CSS 的 direction 属性来实现。并且浏览器也可以整体设置为 LTR 或 RTL，因此您可以在没有任何属性设置的情况下使用 RTL 样式。

<body dir=rtl>
  <div dir=ltr style="direction:rtl" class="western">
    <span id=whatAmI></span>
  </div>
</body>

现在如何在 javascript 中检测 whatAmI 跨度是 RTL 还是 LTR 对齐？

我正在考虑添加一个不可见元素并请求其位置，但感觉必须有更好的方法来获取此信息。

Answer 1

getComputedStyle(document.getElementById('whatAmI')).direction;

JavaScript LTR/RTL detection on a DOM element