javascript - 按百分比以编程方式将事物定位在父元素内

Question

我想知道从 javascript 中以编程方式设置元素在父元素内的位置(作为百分比)的正确方法是什么。

在 CSS 中你可以这样做:

left: 25%;

有两件事我想避免:jQuery，以及根据父元素的当前大小计算绝对位置。

Answer 1

您的问题有点含糊，但要以编程方式更改 css 属性，您可以使用元素的 style 属性访问它。一个例子:

<div id="thisdiv"><span id="thisspan">Hello</span></div>

<script>
document.getElementById('thisspan').style.marginLeft = "25%";
</script>

CSS 属性 margin-left 在 JavaScript 中变成了 marginLeft。该百分比是相对于元素的父容器元素测量的，因此不需要计算。

或者，定义 css 样式并更改元素的 className。