按百分比以编程方式将事物放置在父元素内

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。

Answer 2

您可以向父元素添加填充：

parent = document.getelementById("id").parentNode;
parent.style.paddingLeft = "25%";

如果你想在元素上做这件事就更难了。有关详细信息，请参阅this stackoverflow question。