Skip to main content
Es mejor usar las herramientas de depuración del sitio para ayudar a las respuestas. Y el correcto espaciado y tageado del código también es importante.
Origen Enlace

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

function del_Col(){
  var elimina2=document.getElementById("sampleTable");
  var eliminaCol=elimina2.getElementsByTagName("td");
  eliminaCol[0].parentNode.removeChild(eliminaCol[0]);
}
<table id="sampleTable" border="1">
  <tbody>
    <tr>
      <td>Row1 cell1</td>
      <td>Row1 cell2</td>
    </tr>
    <tr>
      <td>Row2 cell1</td>
      <td>Row2 cell2</td>
    </tr>
  </tbody>
</table>
<br />
<a href="javascript:del_Col()">Del col</a>
<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[0].parentNode.removeChild(eliminaCol[0]);
}

</script>
</body>
</html>
 

introducir la descripción de la imagen aquí

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[0].parentNode.removeChild(eliminaCol[0]);
}

</script>
</body>
</html>

introducir la descripción de la imagen aquí

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

function del_Col(){
  var elimina2=document.getElementById("sampleTable");
  var eliminaCol=elimina2.getElementsByTagName("td");
  eliminaCol[0].parentNode.removeChild(eliminaCol[0]);
}
<table id="sampleTable" border="1">
  <tbody>
    <tr>
      <td>Row1 cell1</td>
      <td>Row1 cell2</td>
    </tr>
    <tr>
      <td>Row2 cell1</td>
      <td>Row2 cell2</td>
    </tr>
  </tbody>
</table>
<br />
<a href="javascript:del_Col()">Del col</a>
 

introducir la descripción de la imagen aquí

cuerpo editado
Origen Enlace
user09b
  • 451
  • 1
  • 6
  • 15

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[1]eliminaCol[0].parentNode.removeChild(eliminaCol[1]eliminaCol[0]);
}

</script>
</body>
</html>

introducir la descripción de la imagen aquí

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[1].parentNode.removeChild(eliminaCol[1]);
}

</script>
</body>
</html>

introducir la descripción de la imagen aquí

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[0].parentNode.removeChild(eliminaCol[0]);
}

</script>
</body>
</html>

introducir la descripción de la imagen aquí

Origen Enlace
user09b
  • 451
  • 1
  • 6
  • 15

DOM Javascript eliminación de columna

Para eliminar la primera columna de la tabla del siguiente documento html. ¿cómo sería la forma correcta trabajando con DOM?

/***************************************************************************************************************/

<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>JS DOM - Añadir y eliminar elementos</title>
</head>
<body>
    
<table id="sampleTable" border="1">
<tbody>
<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr>
<tr><td>Row2 cell1</td><td>Row2 cell2</td></tr>
</tbody>
</table><br>
<a href="javascript:del_Col()">Del col</a>

<script>

function del_Col(){
    var elimina2=document.getElementById("sampleTable");
    var eliminaCol=elimina2.getElementsByTagName("td");
    eliminaCol[1].parentNode.removeChild(eliminaCol[1]);
}

</script>
</body>
</html>

introducir la descripción de la imagen aquí