我有這個代碼
<div id="page1-div" style="position:relative;width:1347px;height:1189px;">
<img width="1347" height="1189" src="target001.png" alt="background image" />
<p style="position:absolute;top:218px;left:209px;white-space:nowrap" class="ft10">Mario</p>
<p style="position:absolute;top:218px;left:263px;white-space:nowrap" class="ft10">Lopez</p>
<p style="position:absolute;top:218px;left:827px;white-space:nowrap" class="ft10">18987456O</p>
<p style="position:absolute;top:395px;left:183px;white-space:nowrap" class="ft10">25</p>
<p style="position:absolute;top:395px;left:402px;white-space:nowrap" class="ft10">Fisica y Química</p>
<p style="position:absolute;top:433px;left:298px;white-space:nowrap" class="ft10">Ninguna</p>
<p style="position:absolute;top:502px;left:633px;white-space:nowrap" class="ft10">230</p>
</div>
<div id="page2-div" style="position:relative;width:1347px;height:1189px;">
<img width="1347" height="1189" src="target002.png" alt="background image" />
<p style="position:absolute;top:149px;left:300px;white-space:nowrap" class="ft20">25</p>
<p style="position:absolute;top:149px;left:565px;white-space:nowrap" class="ft20">Fisica y Química</p>
<p style="position:absolute;top:149px;left:984px;white-space:nowrap" class="ft20">fevev</p>
<p style="position:absolute;top:172px;left:425px;white-space:nowrap" class="ft20">fevevvvev</p>
<p style="position:absolute;top:172px;left:912px;white-space:nowrap" class="ft20">Juan Soler</p>
<p style="position:absolute;top:195px;left:319px;white-space:nowrap" class="ft20">Ana Abarca</p>
<p style="position:absolute;top:195px;left:981px;white-space:nowrap" class="ft20">9:30-14:30</p>
</div>`
我想在兩個 div 中獲取所有 p 元素，以便為它們中的每一個設定不同的 id 屬性（或者更改類屬性的值，如果這更容易的話），以便我可以修改 css 檔案中的樣式。但我不知道如何正確訪問兩個 div 中的 p 元素
uj5u.com熱心網友回復：
您需要獲取 div 元素，然后在這些元素上，您可以querySelectorAll('p')獲取段落陣列。
像這樣的東西。
const firstDiv = document.querySelector('#page1-div')
const firtDivParagraphs = firstDiv.querySelectorAll('p')
如果您只想獲取所有段落并且不關心它們在哪里，您當然可以在檔案物件上查詢它們。您還可以更通用地訪問 div 之后的所有段落：
const paragraphs = document.querySelectorAll('div > p')
基本上任何有效的 CSS 選擇器都可以與querySelectoror一起使用querySelectorAll。
在不知道您到底要做什么的情況下，使用 div 的類可能會更好，然后您可以同時查詢它們，而不必單獨查詢它們。
const paragraphs = document.querySelectorAll('.div-class > p')
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/492199.html
標籤：javascript html css 孩子们