如何使用express动态构建url来更改页面的css属性?

irtuqstp  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(445)

假设有一个元素,我只需更改颜色属性:

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

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

例如,如何使用此处描述的动态路由参数来实现这一点

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
  });
 });

我怎样才能更改密码 style.color 使用ExpressURL的dom元素的属性?

y53ybaqx

y53ybaqx1#

express或server通常无法修改css属性。
就我个人而言,我会直接在前端提出一个条件。
例如:

var urlPath = window.location.pathname;

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

相关问题