inser a row

 <!DOCTYPE html>

<html>

<head>
    <meta charset=utf-8 />
    <title>Insert row in a table - w3resource</title>
</head>

<body>
    <table id="sampleTable" border="1">
        <tr>
            <td>Row1 cell1</td>
            <td>Row1 cell2</td>
        </tr>
        <tr>
            <td>Row2 cell1</td>
            <td>Row2 cell2</td>
        </tr>
    </table><br>
    <input type="button" onclick="insert_Row()" value="Insert row">





    <script>
        function insert_Row(){
            let table = document.getElementById('sampleTable');
            table.insertAdjacentHTML('beforeEnd', `<tr><td>Row3 Cell1</td><td>Row cell2</td></tr>`)

            
        }
    </script>
</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Write a JavaScript program to get the current date.

  <! DOCTYPE   html > < html   lang = "en" > < head >    < meta   charset = "UTF-8" >    < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >    < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >    < title > Document </ title > </ head > < body >    < div   id = "showdate" ></ div >    < button   id = "print" > Print </ button >    < script >      let   print2  =  document . getElementById ( "print" );      print2 . addEventListener ( "click" ,  function (){        let   showdate2  =  document . getElementById ( "showdate" );        let   d  =  new   Date ;     ...
Read more

Store and display the values of text boxes of a form

  <! DOCTYPE   html > < html > < head >    < meta   charset = utf-8   />    < title > Return first and last name from a form - w3resource </ title > </ head > < body >    < div   id = "content" ></ div >    < form   id = "form1"   onsubmit = " getFormvalue () " >     First name:  < input   type = "text"   name = "fname"   value = "David"   id = "fname" >< br >     Last name:  < input   type = "text"   name = "lname"   value = "Beckham"   id = "lname" >< br >      < input   type = "submit"   value = "Submit" >    </ form >    < script >      function   getFormvalue () {   ...
Read more

Write a JavaScript program to count and display the items of a dropdown list, in an alert window

  <!-- //Write a JavaScript program to count and display the items of a dropdown list, in an alert window --> <! DOCTYPE   html > < html > < head >      < meta   charset = utf-8   />      < style   type = "text/css" >          body  {              margin :  30px ;         }          #confirm  {              display :  none ;              background-color :  #F3F5F6 ;              color :  #000000 ;   ...
Read more