On click, replace the button with a div containing the same word. : Form Button « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Button

On click, replace the button with a div containing the same word.

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

              $("button").click(function () {
                  $(this).replaceWith("<div>" + $(this).text() + "</div>");
                });
                
         
        });
    </script>


    
  </head>
  <body>
    <body>
          <button>First</button>
                 
    </body>
</html>








Related examples in the same category

1.Bind click action to button
2.Get form button
3.Get disabled button
4.Disables buttons greater than the 1st button.
5.Can bind and unbind events to the button.
6.Create a button that's able to clone itself - and have the clones themselves be clonable.
7.Add action to button with ID
8.Use index to get the clicked button index