JavaScript:100% 减去像素

Question

我有一个设置为 100% 的 div，但为了适合我需要它的位置，我确实需要将大小设置为 100% 减去 5px。我希望我能通过使用 javascript 来完成这个任务。

我当前的代码如下所示:

document.getElementById('div').style.width='100%';

但我想做的是:

document.getElementById('div').style.width='100% - 5px';

任何人都可以帮我完成这个任务吗？谢谢。

Answer 1

elem = document.getElementById('div');
pElem = elem.parentNode;
pPadding = pElem.style.padding || pElem.style.paddingLeft + pElem.style.paddingRight || 0;
pBorder = pElem.style.borderWidth || pElem.style.borderLeftWidth + pElem.style.borderRightWidth || 0;    
elem.style.width = ( pElem.offsetWidth - pPadding - pBorder - 5 ) + "px";