tengo este codigo
<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>`Quiero obtener todos los elementos p dentro de ambos divs para establecer diferentes atributos de identificación (o cambiar los valores de los atributos de clase si eso es más fácil) para cada uno de ellos para poder modificar los estilos en un archivo css. Pero no sé cómo acceder correctamente a los elementos p dentro de los dos divs
Necesitaría obtener los elementos div, luego en esos elementos, puede hacer querySelectorAll('p') para obtener una matriz de los párrafos.
Algo como esto.
const firstDiv = document.querySelector('#page1-div') const firtDivParagraphs = firstDiv.querySelectorAll('p')Si solo desea obtener todos los párrafos y no le importa dónde están, por supuesto, puede consultarlos en el objeto del documento. También podría ser más genérico para acceder a todos los párrafos que siguen a los div:
const paragraphs = document.querySelectorAll('div > p') Esencialmente, cualquier selector de CSS válido se puede usar con querySelector o querySelectorAll .
Sin saber qué está tratando de hacer exactamente, probablemente sería mejor usar clases para los divs, luego podría consultarlos al mismo tiempo, en lugar de tener que consultarlos por separado.
const paragraphs = document.querySelectorAll('.div-class > p')