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>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<p>Hello ('p' tag)</p>
<h1>hello ('h1' tag)</h1>
<div>Hello ('div' tag)</div>
  
  <script>
    
    var allTags = ['div', 'span', 'applet', 'object', 'iframe','h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'blockquote', 'pre', 'a', 'abbr', 'acronym', 'address', 'big', 'cite', 'code','del', 'dfn', 'em', 'img', 'ins', 'kbd', 'q', 's', 'samp','small', 'strike', 'strong', 'sub', 'sup', 'tt', 'var','b', 'u', 'i', 'center','dl', 'dt', 'dd', 'ol', 'ul', 'li','fieldset', 'form', 'label', 'legend','table', 'caption', 'tbody', 'tfoot', 'thead', 'tr', 'th', 'td','article', 'aside', 'canvas', 'details', 'embed', 'figure', 'figcaption', 'footer', 'header', 'hgroup', 'menu', 'nav', 'output', 'ruby', 'section', 'summary','time', 'mark', 'audio', 'video','article', 'aside', 'details', 'figcaption', 'figure', 'footer', 'header', 'hgroup', 'menu', 'nav', 'section'];
​
​
   var j=0;
window.onmouseover = function() {
    change();
};
​
​
   function change() {
    
  for (var i=0; i<allTags.length; i++) {
  
        var element=document.getElementsByTagName(allTags[i]);
  
    for (j=0;j<element.length;j++) {
      element[j].onmouseover = classAdd(element[j]);
      
       element[j].onmouseout = classRemove(element[j]);
​
       }
    
     }
 }
    
​
​
function classAdd(element){
  return function() { element.setAttribute('class','first');
      };
}
​
function classRemove(element){
  return function() { element.removeAttribute('class','first');
      };
}
​
​
    
    
    </script>
  
</body>
</html>
​
​
 
.first {
    color:red;
  border:1px solid black;
  background-color:silver;
  width:250px;
  cursor:default;
}
 
var allTags = ['div', 'span', 'applet', 'object', 'iframe','h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'blockquote', 'pre', 'a', 'abbr', 'acronym', 'address', 'big', 'cite', 'code','del', 'dfn', 'em', 'img', 'ins', 'kbd', 'q', 's', 'samp','small', 'strike', 'strong', 'sub', 'sup', 'tt', 'var','b', 'u', 'i', 'center','dl', 'dt', 'dd', 'ol', 'ul', 'li','fieldset', 'form', 'label', 'legend','table', 'caption', 'tbody', 'tfoot', 'thead', 'tr', 'th', 'td','article', 'aside', 'canvas', 'details', 'embed', 'figure', 'figcaption', 'footer', 'header', 'hgroup', 'menu', 'nav', 'output', 'ruby', 'section', 'summary','time', 'mark', 'audio', 'video','article', 'aside', 'details', 'figcaption', 'figure', 'footer', 'header', 'hgroup', 'menu', 'nav', 'section'];
​
​
   var j=0;
window.onmouseover = function() {
    change();
};
​
​
   function change() {
    
  for (var i=0; i<allTags.length; i++) {
  
        var element=document.getElementsByTagName(allTags[i]);
  
    for (j=0;j<element.length;j++) {
      element[j].onmouseover = classAdd(element[j]);
      
       element[j].onmouseout = classRemove(element[j]);
​
       }
    
     }
 }
    
​
​
function classAdd(element){
  return function() { element.setAttribute('class','first');
      };
}
​
function classRemove(element){
  return function() { element.removeAttribute('class','first');
      };
}
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers