javascript - 如何在 JavaScript 中为 CSS 属性动态使用函数参数

Question

我已将一些 CSS 代码翻译成纯 JavaScript。现在我试图使代码成为一个易于使用的函数，但它不起作用。我知道我做错了，我怎样才能让它发挥作用？

这是CSS代码

#container_show_chat {display: none;};
#container_chat {background-image: url('the url');};

在 Javascript 中它翻译成:

var a = document.getElementById("container_show_chat");
a.style.display = "none";
var b = document.getElementById("container_chat");
b.style.backgroundImage = "url('the url')";

现在我要做的是，将它转换成一个函数，这样每当我调用该函数时，我只需在函数调用中添加显示属性和背景图像的 url。例如:

function Practice(display, image) {
var a = document.getElementById("container_show_chat");
a.style.display;
var b = document.getElementById("container_chat");
b.style.backgroundImage;
};
Practice("none", "the url");

我该怎么做？

Answer 1

您还应该将参数分配给元素。喜欢

function Practice(display, image) {
  var a = document.getElementById("container_show_chat");
  a.style.display = display;
  var b = document.getElementById("container_chat");
  b.style.backgroundImage = image;
};

Practice("none", "the url");