js如何遍历getElementsByTagName方法获得的对象

js如何遍历getElementsByTagName方法获得的对象

在js中，可以使用for循环遍历p元素对象。下面小编以遍历获得p元素内容为例，讲解js如何遍历getElementsByTagName方法获得的对象。

新建一个html文件，命名为test.html，用于讲解js如何遍历getElementsByTagName方法获得的对象。

在test.html文件中，使用p标签创建多行文字，用于测试。

在test.html文件中，使用button标签创建一个按钮，给button绑定onclick点击事件，当按钮被点击时，执行getTag()函数。

在js标签内，创建getTag()函数，在函数内，通过getElementsByTagName()方法获得所有p元素对象，并初始化一个数组arr，用于保存p标签的内容。

在函数内，使用for循环遍历p元素对象，使用innerText属性获得p元素内容，并使用push()方法将内容存进数组arr中。最后，使用alert()方法输出数组内容。

在浏览器打开test.html文件，点击按钮，查看实现的效果。

1、使用p标签创建多行文字，用于测试。2、在js中，通过getElementsByTagName()方法获得页面中所有p元素对象，使用for循环遍历p元素对象，使用innerText属性获得p元素内容，并使用push()方法将内容存进数组arr中。最后，使用alert()方法输出数组内容。