如何使用 Express 动态 URL 构建来更改页面的 CSS 属性?
How to change CSS properties of a page using dynamic URL building with Express?
假设有一个元素,我需要简单地更改颜色 属性:
<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
属性?
Express 或服务器一般无法修改 css 属性。
就我个人而言,我会直接在前端设置条件。
例如:
var urlPath = window.location.pathname;
if(urlPath === "/colors/blue"){
document.getElementById('text').style.color = "red";
}
假设有一个元素,我需要简单地更改颜色 属性:
<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
属性?
Express 或服务器一般无法修改 css 属性。
就我个人而言,我会直接在前端设置条件。
例如:
var urlPath = window.location.pathname;
if(urlPath === "/colors/blue"){
document.getElementById('text').style.color = "red";
}