javascript - 如何使用 <script> 函数的结果并将其分配给 html 中的样式 [用于顶部和左侧定位]

Question

由于 CSS 无法处理正弦或余弦计算，我使用 Math.sin和 Math.cos在 <script> 里面我的 HTML 中的元素。我正在尝试使用结果来定位 left和 top .似乎没有一个简单的解决方案。我下面的代码有效，但我无法使用样式元素中的结果来定位 left或 top .

<p id="GetHeight"></p>
<script>
    function myCosFunction(b, angle) {
        return Math.cos(angle*Math.PI / 180)*b;
    }
    document.getElementById("GetHeight").innerHTML = myCosFunction(240, 18);
</script>

Answer 1

你可以像那样使用定位

在 GetHeight id 中应用 left CSS

document.getElementById("GetHeight").style.left = myCosFunction(240, 18);

与 top 相同

document.getElementById("GetHeight").style.top = myCosFunction(240, 18);