In Javascript, How can I replace the name of element with a variable

Question

How can I replace the name of element "The_Iframe_Element_Name" with the variable "elemName" in the following:

  function fnFrame(elemName) {
      setTimeout(function () {
          var iframeBody = window.The_Iframe_Element_Name.document.getElementsByTagName("body")[0];
              $(iframeBody).addClass("xyz");
      }, 500);
  }

You can use `window["any_name"]`. – skobaljic Mar 24 '16 at 22:02 — skobaljic, Mar 24 '16 at 22:02

score 1 · Answer 1 · answered Mar 24 '16 at 22:01

1

function fnFrame(elemName) {
    setTimeout(function () {
        var iframeBody = window[elemName].document.getElementsByTagName("body")[0];
            $(iframeBody).addClass("xyz");
    }, 500);
}

fnFrame('The_Iframe_Element_Name');

answered Mar 24 '16 at 22:01

Mulan

119,326
28
214
246

score 1 · Accepted Answer · answered Mar 24 '16 at 22:01

1

Use bracket notation:

var iframeName = 'foo';
var iframeBody = window[iframeName].document.getElementsByTagName("body")[0];

Note that you will only be able to access the content of an iframe if it's within the same URL schema as the parent window.

answered Mar 24 '16 at 22:01

Rory McCrossan

319,460
37
290
318

oh, that easy :D .. Thanks – hsobhy Mar 24 '16 at 22:03
yeh, it's only a fancyBox iFrame where I need to adjust classes according to the case. – hsobhy Mar 24 '16 at 22:16

In Javascript, How can I replace the name of element with a variable

2 Answers2