How to toggle class using pure javascript in html

by

Hover event is called “mouseenter” instead of “click”.

<script type="text/javascript">
    function a(){
        this.classList.toggle('first');
        this.classList.toggle('sec');
    }
    document.querySelector('#container').addEventListener('mouseenter', a )
    document.querySelector('#container').addEventListener('mouseleave', a )
</script>

More Related Contents:

  1. Hover over image to get a box with multiple links in html/JavaScript
  2. How do I change the text of a div when I hover over a button?
  3. How do I simulate a hover with a touch in touch enabled browsers?
  4. How to change CSS property using JavaScript
  5. How to get an HTML element’s style values in javascript?
  6. Change :hover CSS properties with JavaScript
  7. Prevent zoom cross-browser
  8. How can you figure out the highest z-index in your document?
  9. How to ensure a form field is submitted when it is disabled?
  10. Ignore mouse interaction on overlay image
  11. Disable dragging an image from an HTML page
  12. HTML table with fixed headers and a fixed column? [closed]
  13. javascript change background color on click [closed]
  14. Use a new CSS file to override current website’s
  15. Removing page title and date when printing web page (with CSS?)
  16. In Javascript, how do I “clear” the back (history -1)?
  17. Show a second dropdown based on previous dropdown selection
  18. How can I change the font (family) for the labels in Chart.JS?
  19. Unusual shape of a textarea?
  20. I want to show list items as 2 or more columns (dynamic alignment)
  21. How to create dashed circles with uniform spacing?
  22. How to display Image dynamically on UI?
  23. Is there a way to curve / arc text using CSS3 / Canvas
  24. Modal image galleries – multiple images
  25. Get a number for a style value WITHOUT the “px;” suffix
  26. How to make superfish dropdown menu responsive?
  27. Animate marquee on SVG curve
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. Possible to reverse a css animation on class removal?

Leave a Comment