Javascript函数参数样式不起作用

Question

我正在开展一个学校项目，人们可以在这个项目中更改页面的CSS样式，以及我用来定义哪个样式选择器来更改哪个元素不起作用的javascript函数参数。

这是Javascript和HTML i无效。

＆＃13;

＆＃13;

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

＆＃13;

<!--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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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

查看[]括号。