Hoe lees ik tekstvakwaarden uit html en plaats ze in tabellen met behulp van JavaScript-Codevoorbeelden

Radu TM

Hoe lees ik tekstvakwaarden uit html en plaats ze in tabellen met behulp van JavaScript

HTML door Radu TM June 12, 2022

<html>
<head>
  <script type="text/javascript">
    function insertValues(){
      //Haal de waarde op van de eerste tekstvak
      var firstValue = document.getElementById('firstTextbox').value;

      //Haal de waarde op van de tweede tekstvak
      var secondValue = document.getElementById('secondTextbox').value;

      //Haal het tabelelement op
      var table = document.getElementById('myTable');

      //Voeg de waarden in in de tabel
      table.rows[0].cells[0].innerHTML = firstValue;
      table.rows[0].cells[1].innerHTML = secondValue;
    }
  </script>
</head>
<body>

  <!--Maak een tabel met twee kolommen aan.-->
  <table id="myTable" border="1">
    <tr>
      <td>Eerste kolom</td>
      <td>Tweede kolom</td>
    </tr>
  </table>

  <br/>

  <!--Maak twee tekstvakken aan.-->
  Eerste tekstvak: <input type="text" id="firstTextbox" /><br/>
  Tweede tekstvak: <input type="text" id="secondTextbox" /><br/>

  <!--Maak een knop aan. Wanneer erop geklikt wordt, worden de waarden uit de tekstvakken in de tabel geïnsert.-->
  <input type="button" value="Voeg waarden in" onclick="insertValues();" />
</body>
</html>

0

51.582

Gerelateerde JavaScript-zoekopdrachten

Laatste JavaScript-zoekopdrachten

Verkennen codevoorbeelden per categorie