我想用 javascript 在两个 html 标签(电子邮件:和密码:)之后直接添加一个新文本。我该怎么做?
就在 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>
最佳答案
您可以尝试使用带有属性选择器的 querySelector()
来修改 textContent
属性:
document.querySelector('[for="email"]').textContent += ' email text'; // Email label
document.querySelector('[for="password"]').textContent += ' password text'; // Password label
<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>
关于javascript - 如何在标签元素内的文本旁边添加新文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54651777/