¿Cómo eliminar el último carácter dentro del encabezado de la tabla usando javascript/ajax?
Tabla de ejemplo:
| Producto | Precio X |
|---|---|
| Primero | 1000 |
| Segundo | 2000 |
Lo que quiero alcanzar es eliminar la X en el encabezado de la columna Precio X con algún botón, he usado el segmento antes pero no funciona.
¿Cómo se supone que debo hacer?
prueba esta función:
function noLastCharaceter(txt) { return txt.substr(0, txt.length - 1); }Si está preguntando cómo usarlo, entonces si su ID de tabla es "tableId", intente esto:
var table = document.getElementById("tableId"); var headers = table.getElementsByTagName("TH"); // list of "th" elements headers[1].innerHTML = noLastCharacter(headers[1].innerHTML); // replace content of second columnAquí hay una secuencia de comandos muy similar que demuestra el uso de un selector adecuado y una operación simple .slice() en el .textContent del elemento <th> (tenga en cuenta que String.prototype.substr() está en desuso).
const th=document.querySelector("#myTable th:last-child"); th.textContent=th.textContent.slice(0,-2) <table id="myTable"><thead><tr><th>Product</th><th>Price X</th><tr></thead><tbody> <tr><td>First</td><td>1000</td></tr> <tr><td>Second</td><td>2000</td></tr> </tbody></table>