How to Hide or remove dom?

Question

i'm using

var btn = dom.byId("portAid");
btn.innerHTML=omsportAid;
btn.style.fontWeight = 'bold';

How to remove/hide the div(portAid)?

possible duplicate of [JavaScript: remove element by id](http://stackoverflow.com/questions/3387427/javascript-remove-element-by-id) — Howli, May 18 '14 at 23:05

score 0 · Answer 1 · edited May 23 '17 at 12:13

0

Possible duplicate: Remove element by id

var element = document.getElementById("portAid");
element.parentNode.removeChild(element);

edited May 23 '17 at 12:13

Community

1
1

answered May 16 '14 at 15:19

WoutVanAertTheBest

800
1
16
33

score 0 · Answer 2 · answered May 16 '14 at 15:25

To remove it:

btn.style.display="none";

Or to simply hide it:

btn.style.visibility="hidden";

The difference is that with visibility: hidden the component will still take up space, but it will be invisible. Display:none removes the component and collapses the other components that surround it on the now empty space.

How to Hide or remove dom?

2 Answers2