以百分比編程方式將事物定位在父元素內

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。