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中有哪些获取元素的方法
URL标题：http://cdiso.cn/article/ieisgi.html