0

如何从 node.js 模块中更改 HTML 元素 CSS 值？

我有一个带有 node.js 的树莓派设置，并且有物理按钮（硬件），按下时会打开 LED，但我还想更改屏幕上的 HTML 以反映按下按钮时发生的情况。

我可以在 javascript 中使用以下代码更改屏幕 CSS，但我似乎无法为 node.js 做同样的事情。

var highlightItem = '#someID';
$(highlightItem).css('border-style', 'solid');
$(highlightItem).css('border-color', 'red');

谢谢

编辑

我仍然无法做我想做的事......我正在使用 express.io 并且示例工作得很好，但我无法将它们集成到我的项目中，所以认为最好再次寻求一些帮助......请。

我的 app.js 看起来像这样：

var controller = require('custom/controllerModule');
var buttons = require('custom/pushButton');
var app = require('express.io')();
app.http().io();

app.get('/pushButtonWatchOff', buttons.pushButtonWatchOff);
app.get('/pushButtonWatchOn', buttons.pushButtonWatchOn);

app.get('/', function (req, res) {
    res.sendfile(__dirname + '/views/index.html');
});

// Setup the ready route, and emit talk event.
app.io.route('ready', function(req) {
    req.io.emit('talk', {
        message: 'io event from an io route on the server'
})
})

// Send the client html.
app.get('/', function(req, res) {
    res.sendfile(__dirname + '/views/index.html')
})


app.listen(3000);

console.log('Running');

我的 index.html 看起来像：

<script>
    $.get('/pushButtonWatchOn', {pinNumberOn: 4, pinNumberOff: 17});

    io = io.connect()

    // Emit ready event.
    io.emit('ready') 

    // Listen for the talk event.
    io.on('talk', function(data) {
        alert(data.message)
    })
</script>

这一切正常，并在屏幕刷新时显示警告消息，但我希望在单击 Raspberry Pi 中的一个硬件按钮时显示屏幕消息。

硬件按钮代码如下所示（并且工作正常）：

var Gpio = require('onoff').Gpio;
var pinNumberOff;
var pinNumberOn;

exports.pushButtonWatchOn = function(req, res){
    pinNumberOff = parseInt(req.query.pinNumberOff);
    pinNumberOn = parseInt(req.query.pinNumberOn);
    pushButtonWatchOn();
    res.json(200, {message: 'success'});

}

function pushButtonWatchOn(){

    console.log("\nWaiting For User Interation");
    console.log("Push Button Active Pin: " + pinNumberOn);
    console.log("Current State: Off");

    pushButtonOn = new Gpio(pinNumberOn, 'in', 'both');

    pushButtonOn.watch(function (err, value) {

    if (err) throw err;

    console.log("\nPush Button Pressed Using Pin: " + pinNumberOn);
    console.log(__dirname);

    pushButtonOn.unexport();

    pushButtonWatchOff();

    });
}

那么任何人都可以帮助我在按下按钮时显示警报吗？

谢谢

4

0 回答 0