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

相关推荐
鱼大大博客3 小时前
Edge Scdn的应用场景有哪些?
前端·edge
两只鱼丿3 小时前
Edge安装问题,安装后出现:Could not find Edge installation
前端·edge
早上好啊! 树哥5 小时前
JavaScript Math(算数) 对象的用法详解
开发语言·javascript·ecmascript
screct_demo6 小时前
通俗易懂的讲一下Vue的双向绑定和React的单向绑定
前端·javascript·html
有心还是可以做到的嘛6 小时前
ref() 和 reactive() 区别
前端·javascript·vue.js
xcLeigh8 小时前
HTML5实现好看的博客网站、通用大作业网页模板源码
前端·课程设计·html5
mit6.8248 小时前
[Qt] 输入控件 | Line | Text | Combo | Spin | Date | Dial | Slider
前端·qt·学习·ubuntu
山楂树の8 小时前
xr-frame 通过shader去除视频背景色,加载透明视频
javascript·线性代数·ar·xr·图形渲染
狗狗显卡9 小时前
一些计算机零碎知识随写(25年1月)
前端
Burt9 小时前
【unibest】可以去掉hbx模版了,base模板一统天下
前端·微信小程序·uni-app