如何使用变量更改javascript中的样式？

我想提示用户输入CSS属性和值，并更改段落的样式，但无法使该属性正常工作

function change()
  var prop = prompt("Enter a css property");
  var val = prompt("Enter a value for the property");
  var x = document.querySelectorAll("p");
  for (i = 0; i < x.length; i++) {
    x[i].style.prop = val;
  }
}

函数更改（）
var prop=prompt（“输入css属性”）；
var val=prompt（“输入属性值”）；
var x=document.querySelectorAll（“p”）；
对于（i=0；i

您试图设置的是样式

prop

，而不是

prop

中的变量。使用括号表示prop是一个变量，并使用其中包含的值：

x[i].style[prop] = val;

下面是一个工作演示：

函数更改（）{
var prop='颜色'；
var val='蓝色'；
var x=document.querySelectorAll（“p”）；
对于（i=0；i

将变为蓝色

将段落变成蓝色

尝试此代码

函数更改（）{
var prop=prompt（“输入css属性”）；
var val=prompt（“输入属性值”）；
var x=document.querySelectorAll（“p”）；
对于（变量i=0；i

改变风格
你好，世界

你好，世界

你好，世界