时间戳

首页 > 解决方案 > 如何使用 Express 的动态 URL 构建来更改页面的 CSS 属性？

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

问题描述

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

<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使用 Express URL 更改 DOM 元素的属性？

标签： javascriptexpresspugdynamic-url

解决方案

Express 或服务器一般不能修改 css 属性。

就我个人而言，我会直接在前端创建一个条件。

例如：

var urlPath = window.location.pathname;

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

推荐阅读