Changing inline CSS with JavaScript

Question

I have been trying to change this div tag's style when an image is clicked, and its not working. First I want to check and see if the style is "display:none;" or "display:block". But when I try to alert the value it returns "undefined" for both when the display is set to none and when it is set to block.

<div id="navbar-mobile-id" style="display:block;" class="navbar-mobile">

This is in my function: (function works when clicked but alerts "undefined")

alert(console.log(document.getElementById("navbar-mobile-id").style.display));

This should alert either "block" or "none"

alert(console.log("hi")) is also going to alert undefined. Why is an console inside the alert? — epascarello
– epascarello, Commented Aug 21, 2019 at 14:16

Quentin · Accepted Answer · 2019-08-21 14:15:23Z

7

The return value of console.log() is undefined

If you want to alert the value of the display property, then you have to alert that.

alert(document.getElementById("navbar-mobile-id").style.display);

answered Aug 21, 2019 at 14:15

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

EatSleepCode Over a year ago

Thanks for the help!

Collectives™ on Stack Overflow

Changing inline CSS with JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related