Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  .box {
    padding: 10px;
    margin:  5px 0;
    background: green;
  }
  .delete {
    color: white;
    font-weight: bold;
    cursor: pointer;
  }
  .delete:before {
    content: "- "; 
  }
</style>
</head>
<body>
<div class="box">
    <a class="delete">Delete First</a>
</div>
<div class="box">
    <a class="delete">Delete Second</a>
</div>
<div class="box">
    <a class="delete">Delete Third</a>
</div>
</body>
</html>
 
    function deleteParent(event) {
      
      // Determine which element invoked this function
      var link = event.target || window.event.srcElement;
      
      // Get initial guess to who '.box' is
      var parent = link.parentNode;
      
      // Move up the parent list until we find '.box'
      while ( parent.className != "box" )
        parent = parent.parentNode;
      // Now that we've found '.box', hide it
      parent.style.display = "none";
      
      // Prevent anchor form navigating away from page
      if ( event.preventDefault ) {
        event.preventDefault();
      } else {
       window.event.returnValue = false; 
      }
      
    }
    // Get collection of all anchors
    var anchors = document.getElementsByTagName("a");
    // Iterate over the collection
    for ( var i = 0; i < anchors.length; i++ ) {
      
      // Create an 'alias' for the current anchor being considered
      var currentA = anchors[i];
      
      // Is this one of our '.delete' anchors?
      if ( currentA.className == "delete" ) {
        
        // Does this browser support addEventListener?
        if ( currentA.addEventListener ) {
          
          // Add an event handler via addEventListener
          currentA.addEventListener("click", deleteParent, false);
          
        // Or, does this browser use attachEvent?
        } else if ( currentA.attachEvent ) {
          
          // Add an event handler using attachEvent
          currentA.attachEvent("onclick", deleteParent);
          
        }
        
      }
      
    }
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers