使用javascript访问相同类名的div

我有以下html代码-

<div class="search_results">...</div>
<div class="search_results">...</div>
<div class="search_results">...</div>

。。。
...
...

div由javasciprt函数自动生成。是否有一种方法可以使用javascript仅访问第一个div/或相同类名“search\u results”的特定div？

您可以使用它返回节点列表（类似于数组的对象）。然后，您可以使用普通数组语法访问其中的各个元素。此示例将返回第一个元素：

var firstDiv = document.getElementsByClassName("search_results")[0];

或者，您可以使用，它返回找到的第一个元素：

var firstDiv = document.querySelector(".search_results");

---

如果要返回所有匹配的元素，可以使用，它返回节点列表，如

getElementsByClassName

如果使用JQuery：

$（“div.search_results”）.first（）用于较新版本的JQuery，而$（“div.search_results”）[0]用于较旧版本

没有Jquery：

---

document.getElementsByClassName

使用

getElementsByClassName

或

querySelector

（如果可用）：

函数findElementsByTagNameAndClassName（标记，类名）{
if（typeof document.querySelector！=“未定义”）{
返回文档.querySelector（标记+'。+类名）；
}
var els=document.getElementsByClassName（类名称）；
var结果=[]；
对于（变量i=0；i

如果使用JQuery

$（“.search\u results”）.first（）

。否则您需要使用

document.getElementsByClassName（“搜索结果”）[0]
如果要访问特定实例，则需要向元素添加id属性，例如：

<div class="search_results" id="result_1">...</div>
<div class="search_results" id="result_2">...</div>
<div class="search_results" id="result_3">...</div>

您需要在哪里访问div？用javascript还是用css？您可以使用css选择器和JQuery或Prototype从javascript访问它。jQuery没有标记。
<div class="search_results" id="result_1">...</div>
<div class="search_results" id="result_2">...</div>
<div class="search_results" id="result_3">...</div>

var divN = document.getElementsByClassName("search_results")[n];