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(inp[i]);

}

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

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

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

console.log(inp[i]);

}

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

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

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

console.log(inp[i]);

}

</script>

</body>

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

相关推荐
落魄江湖行6 小时前
进阶篇五 Nuxt4 部署方案:从开发到生产
前端·vue.js·typescript·nuxt4
懂懂tty6 小时前
Rspack简介
前端
开心码农1号6 小时前
Go关于切边变量本身地址和内部指向地址
前端·算法
一个打工仔的笔记6 小时前
vue3 elementui plus 可编辑表格 完整例子
前端·vue.js·elementui
我命由我123456 小时前
Android 开发问题:SharedPreferences 的 getString 方法返回值类型 Type mismatch 问题
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
IT_陈寒6 小时前
SpringBoot自动配置把我坑惨了,原来它偷偷干了这么多事
前端·人工智能·后端
nodcloud6 小时前
Chrome 142 更新导致点可云报表助手打印异常:启动服务仍提示启动的解决方案
前端·数据库·chrome
ZC跨境爬虫6 小时前
3D地球卫星轨道可视化平台开发Day2(轨道错位Bug修复+模块化结构优化)
前端·3d·html·json·bug
ZC跨境爬虫6 小时前
3D 地球卫星轨道可视化平台开发 Day1(3D 场景、卫星渲染与筛选交互实现)
前端·3d·html·json·交互
缪懿6 小时前
javaee:多线程-锁策略和常见JUC
java·java-ee