如何获取div的浮点值

Question

我需要知道是否有方法或其他东西，它会给我CSS标签浮动的价值。

我正在开发一个需要阿拉伯语的系统，这意味着它需要是RTL（从右到左），但英文版仍需要工作。

我要在HTML标记中添加一个语言类，它将根据用户的语言而改变。所以我希望在需要RTL的标签上添加一个浮动。

对不起，语法英语不是我的第一语言。

Answer 1

您可以使用document.querySelector('.your-class').style.cssFloat

从包含vanilla JavaScript的元素中获取任何属性

如果你正在使用jQuery，你也可以$('.your-class').css("float")。

Answer 2

您不能依赖el.style.float，因为只有在元素本身设置为内联浮动时才会返回：<div style="float:right"></div>

相反，请使用getComputedStyle。这将考虑由样式表

应用的浮点数

var el = $0; // change to get your element

var floatVal = window.getComputedStyle(el).float

请参阅下面的示例，为什么应该使用getComputedStyle

var result = document.getElementById('result')

var val1 = document.getElementById('d1').style.float
var val2 = document.getElementById('d2').style.float

var val3 = window.getComputedStyle(document.getElementById('d2')).float

result.innerHTML += "div 1: "+val1+"<br>";
result.innerHTML += "div 2: "+val2+"<br>";
result.innerHTML += "div 2: "+val3+"<br>";

#d1, #d2 {
  height: 10px;
  width: 100px;
  background: #ccc;
  margin: 1em;
}

#d2 {
  float: left;
}

#result {
  clear: both;
}

<div id="d1" style="float:left"></div>
<div id="d2"></div>

<div id="result"></div>

Answer 3

    function floatRight() {
        document.getElementById("myTextId").style.cssFloat = "right";
    }

    function floatLeft() {
        document.getElementById("myTextId").style.cssFloat = "left";
    }

if(text == "Arabic"){ floatRight(); }
else if(text == "English"){ floatLeft(); }

你可以这样做！