Home/ Questions/Q 3991242
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T06:35:31+00:00

So I have this JavaScript I am working on, and I want to show/hide

  • 0

So I have this JavaScript I am working on, and I want to show/hide another HTML element on mouseover but it wont work.
Here’s The HTML:

<div class='post' onmouseover="document.getElementsByClassName('another_element').style.display='inline';" onmouseout="document.getElementsByClassName('another_element').style.display='none';">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I just had a thought, and found a simple solution. Thanks all of you guys for your contributions. Here’s what I came up with. I can set a unique id to each element I am going to show/hide, and use getElementById for each one instead of using the getElementsByClassName and having to loop through the array. So It ends up like this:

    onmouseover="document.getElementById('an_element').style.display='inline'; document.getElementById('another_element').style.display='inline';"
onmouseout="document.getElementById('an_element').style.display='none'; document.getElementById('another_element').style.display='none';"
    • 0