JavaScript中有哪些获取元素的方法
这篇文章主要介绍“JavaScript中有哪些获取元素的方法”,在日常操作中,相信很多人在JavaScript中有哪些获取元素的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中有哪些获取元素的方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
成都创新互联公司2013年至今,先为阳信等服务建站,阳信等地企业,进行企业商务咨询服务。为阳信企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
JavaScript中获取元素的方法有:1、根据id获取元素;2、根据标签名字获取元素;3、根据name属性的值获取元素;4、根据类样式的名字获取元素;5、根据选择器获取元素。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
1.根据id获取元素
document.getElementById("id属性的值");
2.根据标签名字获取元素
document.getElementsByTagName("标签的名字");
3.根据name属性的值获取元素
document.getElementsByName("name属性的值");
4.根据类样式的名字获取元素
document.getElementsByClassName("类样式的名字");
5.根据选择器获取元素
1.document.querySelector("选择器");
2.document.querySelectorAll("选择器");
1.根据id获取元素
document.getElementById("id属性的值");
返回值是一个元素对象
案例:点击按钮弹框
2.根据标签名字获取元素
document.getElementsByTagName("标签的名字");
返回值是一个伪数组
案例:点击按钮改变多个p标签的文字内容
哈哈,我又变帅了
哈哈,我又变帅了
哈哈,我又变帅了
哈哈,我又变帅了
哈哈,我又变帅了
3.根据name属性的值获取元素
document.getElementsByName("name属性的值");
返回值是一个伪数组
案例:案例:点击按钮,改变所有name属性值为name1的文本框中的value属性值
4.根据类样式的名字获取元素
document.getElementsByClassName("类样式的名字");
返回值是一个伪数组
案例:修改所有文本框的值
5.根据选择器获取元素
1.document.querySelector("选择器");
返回值是一个元素对象
案例:点击按钮弹框
2.document.querySelectorAll("选择器");
返回值是一个伪数组
案例:修改所有文本框的值
到此,关于“JavaScript中有哪些获取元素的方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
分享标题:JavaScript中有哪些获取元素的方法
文章地址:http://myzitong.com/article/ieisgi.html