Por ejemplo:
<p> 1 </p> <p> 2 </p> <p> 3 </p>Como puede ver, hay una etiqueta de 3 párrafos con un número diferente. Entonces, al usar JavaScript, lea el contenido de la etiqueta p y cambie el texto de acuerdo con el contenido recibido de la etiqueta p.
Supongamos que la primera etiqueta p tiene contenido 1 , por lo que la cambió a "activa" . La segunda etiqueta p tiene contenido 2 , así que cámbiala a "desactivada" con esa tercera etiqueta que contiene 3 , así que cámbiala a "otros" .
Donde la salida parece:
<p> Active </p> <p> Deactivated </p> <p> Others </p>Incluso si cambiamos el orden de la etiqueta p a esto:
<p> 2 </p> <p> 3 </p> <p> 1 </p>la salida debe ser:
<p> Deactivated </p> <p> Others </p> <p> Active </p>Use una matriz con los valores que necesita, para cada párrafo, convierta el textValue original en un número y recupere el valor de la matriz usando ese número.
O utilizar algún tipo de plantilla .
const values = [`Active`, `Deactivated`, `Others`]; document.querySelectorAll(`p`).forEach( (p) => p.textContent = values[+(p.textContent.trim()) - 1]); <p> 1 </p> <p> 3 </p> <p> 2 </p> <p> 3 </p> <p> 1 </p> <p> 2 </p>Puedes usar switch y .innerText
const pEles = [...document.querySelectorAll("p")]; pEles.forEach(ele => { switch (ele.innerText) { case "1": ele.innerText = "Active" break; case "2": ele.innerText = "Deactivated" break; case "3": ele.innerText = "Others"; break; } }) <p>1</p> <p>2</p> <p>3</p>