получить динамический идентификатор из iframe в iframe

Question

Я на самом деле выполняю сложную задачу, мне нужно создать пакет ресурсов (которые являются страницами на сайте), для этого я использую iframe для отображения содержимого страниц. Но у меня может быть несколько Iframe в одном Iframe.

И я хочу передать стиль этих iframe в iframe, поэтому я должен нацелить их.

У меня есть специальный идентификатор узла для каждой страницы, который позволяет мне возвращать только тело.

Итак, мой вопрос: как мне настроить таргетинг на id моего iframe в моем iframe, который я пытался сделать с этой строкой var get_iframe_inside = search_inside.getElementsByTagName("iframe".id);, чтобы затем изменить его стиль.

Я знаю, что я не использую правильный путь для этой линии, но я все это утро чесал голову и не могу найти способ. : /

    function test(id){
        var iframe = window.parent.document.getElementById(id); //select my first iframe
        get_iframe_inside(id); //call my function to get the iframe in the iframe
        function get_iframe_inside (id){
            var search_inside = (iframe.contentDocument) ?iframe.contentDocument : iframe.contentWindow.document;
//My goal is then to modify some properties
            var get_iframe_inside = search_inside.getElementsByTagName("iframe".id); 
            $(get_iframe_inside).css({'padding':'0px 50px', 'background-color':'#cecece'});
        }

   } 

Спасибо за помощь, которую вы можете оказать мне заранее: p

Answer 1

Ну, это было довольно тривиально, мой код почти работал, я просто не думал о том, как получить эти идентификаторы. мне просто нужно было получить их по тегу и после этого сделать итерацию с for.

       var get_iframe_inside = search_inside.getElementsByTagName("iframe");
    var i;
    for (i = 0; i < get_iframe_inside.length; i++){
        get_iframe_inside[i].style.padding='0px 50px';