JAVAEE——JavaScript四种常见的选择器

<body>

<input type="text" id="inp" value="123" class="a13" />

<input type="text" class="in" name="name"/>

<input type="text" class="in" name="name"/>

<input type="text" class="in" />

<input type="text" class="in" />

<script>

id选择器

var inp = document.getElementById("inp");

console.log(inp);

class选择器(获取到的是数组,需要for循环遍历)

var inp = document.getElementsByClassName("in");

for(var i = 0; i < inp.length; i++){

console.log(inpi);

}

name选择器(获取到的是数组,需要for循环遍历)

var inp = document.getElementsByName("name");

for(var i = 0; i < inp.length; i++){

console.log(inpi);

}

标签选择器(获取到的是数组,需要for循环遍历)

var inp = document.getElementsByTagName("input");

for(var i = 0; i < inp.length; i++){

console.log(inpi);

}

</script>

</body>

日常开发中ID选择器和Class选择器用的比较多

相关推荐
竹林8187 分钟前
用 wagmi v2 和 viem 手写 NFT 市场批量上架功能,我踩遍了所有异步坑
javascript
ayqy贾杰11 分钟前
基层管理的三板斧,在AI时代行不通了
前端·后端·团队管理
Apifox11 分钟前
Apifox 5 月更新|Postman 导入优化、Runner 支持非 root 运行、请求代码自动带鉴权
前端·后端·安全
zithern_juejin16 分钟前
数组扁平化
javascript
清溪54921 分钟前
n8n表达式沙箱逃逸至RCE漏洞-CVE-2025-68613复现
javascript·安全
miaowmiaow23 分钟前
PSD2Code 近期更新与深度解析:从设计稿到生产级代码的完整技术栈
前端·人工智能·ai编程
Hilaku34 分钟前
多标签页并发请求导致 Token 刷新失败?只有 15行代码就能解决 !
前端·javascript·程序员
烛衔溟42 分钟前
TypeScript 类的静态成员与静态方法
开发语言·javascript·typescript
Nile42 分钟前
解密Palantir系列一:4. Ontology 不是哲学
开发语言·前端·javascript
Highcharts1 小时前
如何创建蛛网地图|气泡事件+全球发布+关联组合图表开发示例
javascript