Question

div的内容将用javascript json填充。现在，我知道如何在javascript中选择div：

var hsc = document.getElementByID("hsc");

但我如何参考例如。标题，但仅限于hsc div。

<div id="hsc">
    <div id="title"></div>
    <div id="jobs"></div>
...
</div>

<div id="cc">
    <div id="title"></div
    <div id="jobs"></div>
</div>

单独注意，不会标题为＆＃39;和＆＃39;工作＆＃39;更好地归类为类，而不是ids？

Answer 1

ID必须在HTML中唯一。

将它们更改为类，然后您可以使用querySelector()来定位它们：

'approval_prompt': 'force'

document.querySelector('.hsc .title').style.color= 'blue';
document.querySelector('.cc .title').style.color= 'red';

Answer 2

这样可行：

var hsc = document.querySelectorAll("#hsc > .title");

但您需要更改为有效的HTML并使用唯一的ID和类：

<div id="hsc">
    <div class="title"></div>
    <div class="jobs"></div>
...
</div>

<div id="cc">
    <div class="title"></div>
    <div class="jobs"></div>
</div>

Answer 3

试试

<div id="hsc">
    <div id="a" class="title"></div>
    <div id="b" class="jobs"></div>
...
</div>

<div id="cc">
    <div id="c" class="title"></div
    <div id="d"class="jobs"></div>
</div>

因为您的HTML代码无效，因为ID已被占用。

javascript - 选择特定div中的div

3 个答案: