Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <p>Using <code>div</code></p>
  <script>
    (function() {
      function foo(){
        var body = $('<div><form><label>This is a label</label><input id="first" type="text" /></form><input id="second" type="text" /></div>') ;
        //scan_body(body) ;
        
       
        var compteur = 0 ;
​
        display("<code>body[0].tagName</code>: " + body[0].tagName);        
        body.find('*').each(function(idx, val){
          //var past_color = $(this).css('background-color') ;
          //var present_color = $(this).mouseenter().css('background-color') ;
          //notEqual(past_color, present_color, "We expected the color of this element to be changed") ;
          display(
            idx + ": " +
            this.tagName + 
            " (" + (this.id || "[no id]") +
            ")");
          compteur++ ;
        }) ;
        display("compteur = " + compteur);
      }
      foo();
      function display(msg) {
        var p = document.createElement('p');
        p.innerHTML = String(msg);
        document.body.appendChild(p);
      }
    })();
  </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers