点击效果和获取元素的方式

最新推荐文章于 2022-09-26 19:18:45 发布

天上人间一样愁

最新推荐文章于 2022-09-26 19:18:45 发布

阅读量185

点赞数

本文链接：https://blog.csdn.net/weixin_44392027/article/details/86104726

版权

今天学习了js的点击更换属性的方法以及多种获取元素的方式

获取元素
//通过name名去获取元素
var inp = document.getElementsByName(“userName”);
console.log(inp); //返回的是伪数组

//通过类名获取元素
var lei = document.getElementsByClassName("inpu");
console.log(lei);//返回的是伪数组

//通过选择器的方式获取单个元素
console.log(document.querySelector(".inpu"));// 返回的是对象

//通过选择器的方式获取所有的元素
console.log(document.querySelectorAll(".inpu"));//返回的是伪数组

//通过id名获取元素
console.log(document.getElementById("myInp"));// 返回的是对象

//通过标签名获取元素
console.log(document.getElementsByTagName("input"));//返回的是伪数组

点击效果以一个案例就行呈现
在这里插入图片描述