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

129,518
31
228
259

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

331,213
40
305
339

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