DOM 元素上的 JavaScript LTR/RTL 检测

标签 javascript css nested detection right-to-left

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

可以在 HTML 文档中将文本方向设置为任何元素或其父元素。 您可以通过 elements 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 对齐?

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

最佳答案

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

关于DOM 元素上的 JavaScript LTR/RTL 检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65440480/

相关文章:

javascript - Node js 提供旧版本的修改后的 Angular 文件(而不是新版本)

javascript - jQuery 如何用 1 行追加 html 并删除子节点?

javascript - 使用 Javascript 异步和等待 google.script.url.getLocation

html - 如何跨越色 block 以及选项标签中的文本

javascript - .appendChild() 是否会终止 child 与其当前 parent 之间的亲子关系?

html - Bootstrap-4 验证 : Add border and background-color to form input-group

jquery - 使用 Bootstrap 将表格中的 2 列转换为一列以用于小显示尺寸

R ggplot2 : overlaying multiple geom_ribbon objects in a single plot using a nested loop

json - 使用带有 map 的LowDB访问嵌套的Json值

javascript - IFrame 或嵌套 IFrame 中 Javascript、HTML 和 CSS 的兼容性