Javascript 样式的函数参数不起作用

Question

我正在做一个学校项目，人们可以在其中更改页面的 css 样式，以及我使用的 javascript 函数参数来定义要在哪个元素上更改的样式选择器不工作。

这里是 Javascript 和 HTML 我没用。

function changeInput(element, styleId, styleSelector) {
 document.getElementById(styleId).style.styleSelector = element.value + "px";
}

<!--Input width of wrapper-->
<input type="number" onchange="changeInput(this, 'demo', 'width')" value="500" min="0">

<!--The div example to change width of-->
<div id="demo" style="width:500px;height:500px;background:black;"></div>

Answer 1

问题出在您使用的语法上。 styleSelector 是一个变量，您称它为 style 属性。这意味着 JS 将尝试查找不存在的 style.styleSelector 属性（当您需要 style.width 时）。尝试使用这种表示法：

document.getElementById(styleId).style[styleSelector] = element.value + "px";

查看 [] 个括号。

Javascript 样式的函数参数不起作用

Javascript function parameters to style not working

html

javascript

css

parameters

function