HTML5 js如何获取所有相同ID或class的元素

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：

运行结果，打印数组如下：

扩展资料：

js或jQuery获取html元素的值的常用方法：

例如：<div id="aa">值</div>

js写法：

alert(documentgetElementById('aa')innerHTML);

jQuery写法：

alert($('#aa')html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

JS认为HTML文件会被浏览器解析为文档流，写在HTML里面的所有标签元素都可以从文档流中读取到。基于这个理论，JS定义了一个document对象，专门用来处理文档流。

要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。假设有一个input元素，JS获取该元素的方式如下：

<input class="isInput" id="input_first">

var element=documentgetElementByClass("isInput")[0];或者

var element=documentgetElementById("input_first");

需要注意的是，根据类名获取到的是一个数组，必须要通过下标才能获取到具体的某个元素。而根据ID获取到的则是具体的元素，所以常用的方式是用ID来获取。

使用documentgetElementsByClassName（’class‘）获取标签，使用innerText获取元素内的数据内容。

1、设计一个HTML简单页面，代码如下:

2、设计绑定的函数alertText()，代码如下：

3、此时的页面展示如下：

4、演示，点击其中的div，执行如下：

（1）点击第一个：

（2）点击第二个：

扩展资料：

HTML DOM getElementsByClassName() 方法解析：

1、定义和使用。

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

提示： 使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。

2、语法。

documentgetElementsByClassName(classname)。

3、参数。

String 类型的classname（需要获取的元素类名），多个类名使用空格分隔，如 "test demo"。

以上就是关于HTML5 js如何获取所有相同ID或class的元素全部的内容，包括:HTML5 js如何获取所有相同ID或class的元素、js怎么获取一个元素、js 如何获取class的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！