I have already looked at several examples here on this site but my problem still persists.

Let me explain briefly: I have a series of if / if else that must return the corresponding div to me, based on the type. And so far there are no problems.

Now I want that, in case the type is missing, it will return me a hidden div, therefore not visible

I tried as written below, but for example, if the youtube video is missing, a picture with a black border and a white background appears. I would like to eliminate this "picture" because it is not a good practice to show.

How come it doesn't work like I did?

<div class="video"> <iframe id="idframe" width="600" height="400" > </iframe> </div> <br>

else if 
.
.
.
else if (myArray.Items[2].type == "video"){
        document.getElementById("idframe").src = "https://www.youtube.com/embed/"+idurl;
    }
 else if(myArr.Items[2]type == ""){
        document.getElementById("idframe").style.display='none';
    }

.video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}