document.getElementsByTagName(“input“)赋值
时间: 2024-02-27 16:57:24 浏览: 14
如果您想设置所有 input 元素的值,可以使用以下代码:
```
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].value = "your value";
}
```
这将遍历文档中的所有 input 元素,并将它们的值设置为 "your value"。如果您只想设置特定类型的 input 元素(例如文本框),可以使用以下代码:
```
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "text") {
inputs[i].value = "your value";
}
}
```
在这个例子中,只有 type 属性为 "text" 的 input 元素才会被设置值。
相关问题
document.getElementsByTagName怎么给文本框赋值
要给文本框赋值,可以使用 `document.getElementsByTagName()` 方法获取所有的 `<input>` 元素,然后使用 `value` 属性设置文本框的值。以下是一个示例代码:
```javascript
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "text") {
inputs[i].value = "your value";
}
}
```
在这个示例中,我们首先获取所有的 `<input>` 元素,然后遍历每个元素并检查其 `type` 属性是否为 `"text"`。如果是文本框,则将其值设置为 `"your value"`。
请注意,此代码将会设置所有文本框的值。如果您只想设置特定的文本框,请使用该文本框的 `id` 或 `name` 属性来获取它。例如:
```javascript
var textbox = document.getElementById("myTextbox");
textbox.value = "your value";
```
这将获取具有 `id` 属性为 `"myTextbox"` 的文本框,并将其值设置为 `"your value"`。
<body> <div class="container"> <form action="#" class="login-form"> <h2>欢迎登录</h2> <input type="text" name="username" class="user1" placeholder="用户名"> <input type="password" name="password" class="pass1" placeholder="密码"> <button type="submit" class="sub1">登录</button> </form> </div> <script> //1.获取元素 let user1 = document.querySelector('.user1') let pass1 = document.querySelector('.pass1') let sub1 = document.querySelector('.sub1') var inputs = document.getElementsByTagName('input') console.log(inputs); //注册事件 sub1.onclick = function() { //获取用户输入的账户名和密码 // let username = user1.value // let password = pass1.value console.log(inputs[0].value); console.log(inputs[1].value); //条件判断 if (inputs[0].value == '1' && inputs[1].value == 1) { alert('登录成功') //存储用户输入的效据 // Window.localStorage.setItem('username', username) // Window.localStorage.setitem('password', password) //登录成功跳转页面 选择跳转页面 window.location.replace('http://www.cnsoftbei.com/plus/view.php?aid=826') } else{ alert('用户名或密码错误') } } // 页面一加载就赋值给表单 // user1.value = localstorage.getItem('username') // pass1.value = IocalStorage.getitem('password') </script> </body>
这是一个简单的登录页面的 HTML 代码,使用了表单和 input 元素。在 JavaScript 中,通过获取元素并注册事件,实现了用户输入账户名和密码后的条件判断,如果符合要求,则跳转到指定网址,并存储用户输入的账户名和密码。如果不符合要求,则弹出提示框。未注释的代码中还包含了一些注释,可以帮助我们理解代码的功能。