我正在为我的网站构建一个管理页面，允许管理员更改背景颜色、字体和其他不会影响页面布局的小东西。我希望能够在使用 php 将值写入数据库之前实时预览更改(在进行更改时)，它们将成为永久更改。我的想法是，我将在可以为页面中的不同设置进行选择的表单旁边调出正在更改的页面。我想使用 javascript 来更改 CSS 的内容作为新的选择。这是可能的还是我需要朝不同的方向看？我担心无法与 .该页面将成为 DOM 的一部分，还是独立存在？目前我只是在集思广益，所以我没有任何代码可以看。
最佳答案
实现所需结果的一种方法是修改所有元素或您要定位的特定元素的 css，如下所示。
function font(ele){
alert("Changed H1 css to "+ele.value);
var x = document.querySelectorAll("h1");
for (let i = 0; i < x.length; i++) {
x[i].style.fontFamily=ele.value;
}
}
function background(ele){
document.body.style.background=ele.value;
alert("Changed background color to "+ele.value);
}<body>
<h1>This is a header</h1>
H1 Font: <select onchange="font(this)"><option value="Arial">Arial</option><option value="Times">Times</option><option value="Courier">Courier</option></select><br>
Background Color: <select onchange="background(this)"><option value="#C0FFEE">Coffee</option><option value="#C55">CSS</option><option value="#1CE">ICE</option></select>
</body>关于javascript - 设置生效前的预览，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42355188/