js name选择器

作者：整整ー世♂陰霾そ发布日期:2025-03-11 浏览:266

// 使用 document.querySelector 通过 name 属性选择元素

// 示例 HTML:
// <input type="text" name="username">

// 通过 name 属性选择单个元素
let element = document.querySelector('input[name="username"]');
console.log(element);  // 输出: <input type="text" name="username">

// 解释说明:
// 1. `document.querySelector` 方法用于选择文档中匹配指定 CSS 选择器的第一个元素。
// 2. `'input[name="username"]'` 是一个 CSS 选择器，表示选择所有 `<input>` 元素中具有 `name="username"` 属性的元素。
// 3. 如果有多个匹配的元素，它只会返回第一个匹配的元素。

// 如果需要选择所有匹配的元素，可以使用 `document.querySelectorAll`
let elements = document.querySelectorAll('input[name="username"]');
console.log(elements);  // 输出: NodeList(所有匹配的元素)

上一篇：js new file()

下一篇：js history.pushstate