How to remove border from iframe in IE using javsascript

Question

I am trying to insert an iframe into the browser DOM via javascript and want to remove the border if IE but can't seem to. I have tried these to no avail:

iframeElement.style.borderStyle="none";

and

iframeElement.style.frameBorder = "0";

Any suggestions will be much appreciated.

Answer 1

Try iframeElement.style.borderCollapse = 1; or iframeElement.style.borderWidth = 0;

Answer 2

The frameBorder attribute exists directly on the iframe element, is not a CSS property.

Try with:

iframeElement.frameBorder = 0;

Answer 3

Bizarrely, I was looking for an answer to this very issue myself earlier today. I found that setting the frameBorder to 0 property does work, so long as you do it before the iframe is added to the document.

var iframe = document.createElement("iframe");
iframe.frameBorder = 0;
document.body.appendChild(iframe);