Tengo una tabla de sitio web que muestra una variedad de datos, que actualmente cambia qué datos se ven en función de una cadena variable pasada en la URL. Este ejemplo se ve de la siguiente manera:
www.acoolwebsite.com/?variable=var1He proporcionado una vista sintetizada de la estructura de encabezado actual de la tabla, que es la siguiente:
<html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table> <tr> <th>Static1</th> <th>Static2</th> <th>Static3</th> <th>Variable1</th> <th>Variable2</th> <th>Variable3</th> </tr> </table> </body> </html> Estoy buscando cambiar los encabezados Variable1 , Variable2 y Variable3 a otro conjunto de encabezados, digamos Change1 , Change2 y Change3 si la variable pasada en la URL www.acoolwebsite.com/?variable=var1 coincide con una determinada cadena.
Usando JavaScript, pude particionar la variable pasada en la URL, pero no estoy seguro de cómo aislar y modificar los nombres de los encabezados. ¿Qué pasos adicionales puedo tomar para producir este resultado? ¡Gracias!
Debe asignar una ID para los encabezados de su tabla y usar innerHTML . Vea el fragmento de muestra a continuación:
<html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table> <tr> <th>Static1</th> <th>Static2</th> <th>Static3</th> <th id="v1">Variable1</th> <th id="v2">Variable2</th> <th id="v3">Variable3</th> </tr> </table> <input type="button" value="Click" onclick="changeHeaders()" /> <script> function changeHeaders() { // You variables let v1 = 'change1'; let v2 = 'change2'; let v3 = 'change3'; document.getElementById("v1").innerHTML = v1; document.getElementById("v2").innerHTML = v2; document.getElementById("v3").innerHTML = v2; } </script> </body> </html>