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

相关推荐
子非鱼92116 分钟前
【JavaScript】函数:arguments对象
开发语言·前端·javascript
攻城狮幼崽25 分钟前
CSS;笔记分享;知识回顾
前端·css·笔记
GISer_Jing2 小时前
Vue知识大全【查漏补缺】
前端·vue.js
乐讯通云通信2 小时前
商家推广怎么利用C#发送视频短信
服务器·开发语言·javascript·c#·json·旅游
沐爸muba3 小时前
今日算法:蓝桥杯基础题之“星系炸弹”
前端·javascript·后端·算法·蓝桥杯
曼曼青青草3 小时前
基于uniapp的登录状态保持(APP免登录)
前端·uni-app·uniapp
山雀~3 小时前
LeetCode全排列2(js简单快通法)
javascript·算法·leetcode
程序员凡尘5 小时前
Vue.js 模板语法详解:插值表达式与指令使用指南
前端·javascript·vue.js
2401_862886785 小时前
游卡,三七互娱,得物,顺丰,快手,oppo,莉莉丝,康冠科技,途游游戏,埃科光电25秋招内推
java·c语言·前端·python·算法
爱码网页成品5 小时前
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
前端·css·html