Element= document.querySelectorAll(input[type="text"][readonly]) js操作报错:VM6919:1 Uncaught ReferenceError: input is not defined
时间: 2024-02-13 20:01:47 浏览: 48
这是因为你在 CSS 选择器中使用了 `input[type="text"][readonly]`,但是在 JavaScript 中没有定义 `input` 变量。你需要将选择器中的 `input` 替换为要选择的元素的标签名,例如 `document.querySelectorAll('input[type="text"][readonly]')`。
另外,如果你想选取所有具有 `readonly` 属性的文本输入框,可以使用以下选择器:
```javascript
document.querySelectorAll('input[type="text"][readonly]')
```
注意,选择器中的属性选择器需要用引号括起来。
相关问题
这个错误通常是JavaScript代码中Element=document.querySelectorAll("input[name="birthday") ,报错:Uncaught SyntaxError: missing ) after argument lis
这个错误通常是因为在使用`querySelectorAll`方法时,选择器的字符串没有正确闭合引号导致的。在你的代码中,选择器字符串应该被双引号或者单引号包裹,而在选择器内部的属性值也应该被单引号或者双引号包裹。
你可以试着修改代码,将选择器字符串中的双引号改为单引号或者反过来,例如:
```javascript
var elements = document.querySelectorAll("input[name='birthday']");
```
或者
```javascript
var elements = document.querySelectorAll('input[name="birthday"]');
```
这样就可以正确获取`name`属性为`birthday`的`<input>`元素集合了。
const usernameInput = document.querySelectorAll('input[type="text"]')[1]; const passwordInput = document.querySelectorAll('input[type="password"]')[1];什么意思
`querySelectorAll` 方法是获取多个元素的方法,它返回的是一个集合(`NodeList` 类型)。在这里,`querySelectorAll('input[type="text"]')` 表示获取所有 `type` 属性为 `text` 的 `input` 元素,`querySelectorAll('input[type="password"]')` 表示获取所有 `type` 属性为 `password` 的 `input` 元素。
因为这个 HTML 代码中有两组 `input` 元素,一组是注册时的输入框,另一组是登录时的输入框,所以我们需要用索引来获取对应的元素。`[0]` 表示获取第一个元素,`[1]` 表示获取第二个元素。所以 `usernameInput` 就是登录时的用户名输入框元素,而 `passwordInput` 就是登录时的密码输入框元素。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)