如何使用 Express 动态 URL 构建来更改页面的 CSS 属性？

Question

假设有一个元素，我需要简单地更改颜色属性:

<p id='text'>COLOR</p>

<script>
document.getElementById('text').style.color = "red";
</script>

如何使用 here 中描述的动态路由参数实现此目的，例如

http://localhost:3000/colors/blue

将使文本元素的 style.color 属性变为蓝色。

app.get('/template/:color', function(req, res){
  res.render('view', {
    text: MyText 
    //change css property of 'text' using 'color' url parameter
  });
 });

如何使用 Express URL 更改 DOM 元素的 style.color 属性？

Answer 1

Express 或服务器一般无法修改 css 属性。

就我个人而言，我会直接在前端设置条件。

例如：

var urlPath = window.location.pathname;

if(urlPath === "/colors/blue"){
     document.getElementById('text').style.color = "red";
}

如何使用 Express 动态 URL 构建来更改页面的 CSS 属性？

How to change CSS properties of a page using dynamic URL building with Express?

javascript

express

pug

dynamic-url