Question

我想获取特定类的内容，但是要获取多个具有相同名称的类。我们以类box_nag为例。我可以通过以下方式获得该名称的第一类：

document.getElementsbyClassName("box_nag")[0].textContent

第二节课：

document.getElementsbyClassName("box_nag")[1].textContent

但是，我认为最好还要考虑数字，例如1和2：

h1 class =＆＃34; box_nag＆＃34;

h2 class =＆＃34; box_nag＆＃34;

我如何在JavaScript中执行此操作？

<h1 class="box_nag"><a href="/wydanie/0,20119.html">
                Polityka - nr 44 (3083) z dnia 2016-10-26; s. 15-18</a></h1>
<h2 class="box_nag"><a href="/dzial/polityka,0,356.html">Polityka</a></h2>

Answer 1

使用document.querySelector()或document.querySelectorAll()并将类名与标记名称（fiddle合并，以防服务中断）：

document.querySelector('h1.box_nag').style.color = 'red';

document.querySelector('h2.box_nag').style.color = 'green';

<h1 class="box_nag">H1</h1>

<h2 class="box_nag">H2</h2>

Answer 2

在jQuery中你可以这样做：

$('h1.box_nag').html();
$('h2.box_nag').html();

.html（）返回您选择的元素的内容，包括html标签，如果您只想使用值，请改用.val（）。

当有多个具有相同类的元素时，以特定类为目标？

2 个答案: