Javascript 如何在标签元素内的文本旁边添加新文本

我想用javascript在两个html标签（Email:和Password:）后面直接添加一个新文本。我该怎么做呢

就在两个标签内的Email:和Password:之后

<div class="container">
        <div class="welcome-area">
            <div class="content">
                <!--<h1><strong>SOME TEXT GOES HERE</strong></h1>
                <div class="login-area">
                    <div class="app-intro">

                    </div>
                    <div class="login-div">
                        <form action="add-to-cart.html">
                            <h1>LOGIN</h1>
                            <label for="email">Email:</label>
                            <input id="email" type="email" placeholder="Email" autofocus autocomplete="">
                            <label for="password">Password:</label>
                            <input id="password" type="password" placeholder="Password">
                            <input type="submit" value="Submit">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

试试这样：

var value\u to\u add=“我的代码在这里”；
document.getElementById（“密码”）.after（value\u to\u add）
一种方法，可能不是最好的答案，我相信还有其他更有效的方法

将ID添加到两个标签

<div class="container">
    <div class="welcome-area">
        <div class="content">
           <h1><strong>SOME TEXT GOES HERE</strong></h1>
            <div class="login-area">
                <div class="app-intro">

                </div>
                <div class="login-div">
                    <form action="add-to-cart.html">
                        <h1>LOGIN</h1>
                        <label for="email" id="lblEmail">Email:</label>
                        <input id="email" type="email" placeholder="Email" autofocus autocomplete="">
                        <label for="password" id="lblPassword">Password:</label>
                        <input id="password" type="password" placeholder="Password">
                        <input type="submit" value="Submit">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var lblEmail = document.getElementById("lblEmail");
    var lblPass = document.getElementById("lblPassword");

    lblEmail.innerHTML += 'Some extra text here';
    lblPass.innerHTML += 'Some extra text here';
</script>


此处有一些文字
登录
电邮：
密码：
var lblEmail=document.getElementById（“lblEmail”）；
var lblPass=document.getElementById（“lblPassword”）；
lblEmail.innerHTML+=“此处有一些额外文本”；
lblPass.innerHTML+=“此处有一些额外的文本”；

所以对于验证，你可以这样做

<script>
    var lblEmail = document.getElementById("lblEmail");
    var lblPass = document.getElementById("lblPassword");

    var email = document.getElementById("email").value();
    var pass = document.getElementById("password").value();

    if (email == null){
        lblEmail.innerHTML += 'This field is required';
    }else if (pass == null){
        lblPass.innerHTML += 'This field is required';
    }else{
        ...do something here
    }       
</script>


var lblEmail=document.getElementById（“lblEmail”）；
var lblPass=document.getElementById（“lblPassword”）；
var email=document.getElementById（“email”）.value（）；
var pass=document.getElementById（“密码”）.value（）；
如果（电子邮件==null）{
lblEmail.innerHTML+='此字段为必填项'；
}else if（pass==null）{
lblPass.innerHTML+='此字段为必填项'；
}否则{
…在这里做点什么
}       
您可以尝试使用
querySelector（）
和属性选择器来修改
textContent
属性：


document.querySelector（'[for=“email”]'）。textContent+=“email text”；//电子邮件标签
document.querySelector（'[for=“password”]'）。textContent+=“password text”；//密码标签

此处有一些文字
登录
电邮：
密码：
您尝试过哪些Javascript？请张贴您所做的努力，以便我们可以查看并更好地帮助您。您可以使用可能的“谢谢”副本。我需要知道如何选择label元素，特别是一些很酷的东西，但我不想仅仅为了选择而添加id。