javascript - 根据 innerWidth 属性更改元素宽度

Question

我正在尝试更改元素的宽度。

<p class="bg-primary" style="width: 100px;" id="test"></p>

脚本成功获取屏幕宽度...

let x = window.innerWidth || e.clientWidth || g.clientWidth;

...然后减半...

let halfx = parseInt(x * 0.5);

...并将其解析为字符串。

let elemWidth = '"' + String(halfx) + 'px"';

但是，代码无法更新样式。

document.getElementById("test").style.width = elemWidth;

有什么线索吗？

Answer 1

显然，您的代码正在处理双字符串，导致它失败。如果你有 console.log(elemWidth) 就会告诉你 ""158px"" 或类似的东西。

let x = window.innerWidth || e.clientWidth || g.clientWidth;

let halfx = parseInt(x * 0.5);

let elemWidth = halfx + 'px';

document.getElementById("test").style.width = elemWidth;

<p class="bg-primary" style="border: 1px solid black;" id="test">TEST</p>
The script successfully takes the screen width...