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选择器用的比较多

相关推荐
光影少年1 小时前
前端如何调用gpu渲染,提升gpu渲染
前端·aigc·web·ai编程
Surplusx2 小时前
运用VS Code前端开发工具完成网页头部导航栏
前端·html
田超凡2 小时前
深入理解MySQL_6 Temporary临时表
mysql·java-ee
小宇的天下2 小时前
Calibre 3Dstack --每日一个命令day13【enclosure】(3-13)
服务器·前端·数据库
LongJ_Sir2 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java2 小时前
JavaScript 中定义全局变量的教程
javascript
一只小bit3 小时前
Qt 文件:QFile 文件读写与管理教程
前端·c++·qt·gui
午安~婉3 小时前
整理知识点
前端·javascript·vue
向前V3 小时前
Flutter for OpenHarmony数独游戏App实战:底部导航栏
javascript·flutter·游戏
人道领域3 小时前
JavaWeb从入门到进阶(javaScript)
开发语言·javascript·ecmascript