Question

我知道如何使用JQuery更改div标记的内容，但是现在我想知道，如果我不想使用JQuery，是否可以更改loginDiv标记的内容？我不确定如何通过router.post的响应来设置div标签loginDiv的值。您能帮我吗，或者如果我想创建一个页面而不刷新页面，我需要使用Jquery？

我正在使用NodeJS Express把手。

index.hbs：

<div  class="col-md-10">
                            <div id="loginDiv"></div>
                            <form role="form" action="/login" method="post" name="login"  onsubmit="return validateLoginForm()">
                                <fieldset>                          
                                    <div class="form-group">
                                        <label for="username" class="font-weight-bold">Email</label>
                                        <input type="email" name="username" id="username" class="form-control input-lg" placeholder="YourEmail@domain.com">
                                    </div>
                                    <div class="form-group">
                                        <label for="passwordlogin" class="font-weight-bold">Password</label>
                                        <input type="password" name="passwordlogin" id="passwordlogin" class="form-control input-lg" placeholder="Password">
                                    </div>
                                    <div class="div-padding">
                                        <input type="submit" class="btn btn-primary" value="Sign In">
                                        <button type="button" class="btn btn-link">Forget?</button>
                                    </div>
                                </fieldset>
                            </form> 
                        </div>

index.js：

var express = require('express');
var path = require('path');
router.post('/login',function(req, res, next) {
  // How to write something in loginDiv
});

Answer 1

如果您知道HTML字符串有效，则可以始终恢复为innerHTML。

document.getElementById('loginDiv').innerHTML = "<b>Hello, World!</b>";

Answer 2

使用document.innerHTML

可以轻松地更改原始javascript中的值

//to replace the content:
document.getElementById('container').innerHTML = "<p>Yay! a paragraph!</p>"

//to ADD content: 
document.getElementById('container').innerHTML += "<p>Yay! Another paragraph!</p>"

在nodejs-express车把中无需jQuery即可更新div的内容

2 个答案: