时间戳

首页 > 解决方案 > 如何使用 javascript 选择 section 标签内的所有 div？

javascript - 如何使用 javascript 选择 section 标签内的所有 div？

问题描述

我正在用javascript制作一个回合制游戏。我想将播放器从 div 移动到 div。我已将所有这些 div 放在一个部分中，然后使用 queryselectorall 放入一个数组中。现在我的问题是我还有另一个要使用的 div，我无法单独选择它们。谁能告诉我如何只选择一些div？我见过类似 section>div 的东西来区分它们，但这对我不起作用。

我尝试在 rollDice、zar1 和 zar2 上用 span 替换 div，但是这样做会导致一些 CSS 中断。

~
<div class="rollDice">Roll the dice</div>
<div class="zar1">
    <img src="poze/dice-5.png" alt="Dice" class="dice" id="dice-1" style="width:150px">
</div>

<div class="zar2">
    <img src="poze/dice-5.png" alt="Dice" class="dice2" id="dice-2"  style="width:150px">
</div>


<section class="mutari">
    <div class="nr1 mutabil"><h1>1</h1></div>
    <div class="nr2 mutabil"><h1>2</h1></div>
    <div class="nr3 mutabil"><h1>3</h1></div>
</section>
~

我只想从该部分中选择 div。之后我想选择前 3 个 div。

标签： javascripthtmlcss

解决方案

和document.body.childNodes

只需将 document.body 替换为您的 HTML 元素。之后，您可以通过列表进行过滤，然后选择所有 div。

如果要获取所有 div，还可以使用以下方法：

var dh = document.body.getElementsByTagName('div');

推荐阅读