Return the display property

JavaScript
1

Thought this would show the display property, but it dosen’t:

alert(document.getElementById(“thisDiv”).style.display);

What am I doing wrong?

Thanks

niche

2

What do you get if you do this?

console.log(document.getElementById("thisDiv").style.display);
1 Like
3

same thing (nothing)

console.log("Hello World");

Plainly displays

4

have you actually SET a display style to the element? Elements without a display style might inherit from parents (or the document default), but wont report a value unless it has been explicitly set.

1 Like
5

set with this function:

function myFunction() {
    var x = document.getElementById("thisDiv");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}
6

and (forgive me for being pedantic, but basic checks…) you have actually CALLED this function before trying to alert the value, right?

1 Like
7

m_hutley, problem solved.

You can never be too specific when it comes to code!

function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
	alert(document.getElementById("myDIV").style.display);
}
1 Like
8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.