Как получить значение data-id из тега iframe? - PullRequest
Новая
       3

Как получить значение data-id из тега iframe?

0 голосов
/ 19 декабря 2018

У меня есть кнопка на странице.При нажатии открывается фрейм iframe.оба элемента iframe и button имеют разное происхождение.Когда загружается iframe, мне нужно получить идентификатор данных этого iframe из его тега.

Я только что попробовал, 

window.onload = function() {

  var ifr=document.getElementById('iframe_test');
    ifr.onload=function(){
        this.style.display='block';
        console.log($("#iframe_test").data("id"));
    };
}

, он просто возвращает: undefined в качестве вывода.

Ответы [ 2 ]

0 голосов
/ 19 декабря 2018

Требуется: 

<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>

Javascript: 

$(function() {
    $("#iframe_test").load(function(){
        $(this).style.display='block';
        console.log($("#iframe_test").data("id"));
    });
})

HTML: 

<body>
<iframe id='iframe_test' data-id='ddc' src='http://whatever.com'></iframe>
</body>

Результат консоли Chrome: 

ddc
0 голосов
/ 19 декабря 2018

Используя Javascript, вы можете сделать следующее, используя window.onload: 

var iframes= parent.document.getElementsByTagName("iframe")[0];
console.log(iframes.getAttribute("data-id"))

Ниже приведена демонстрационная версия: 

<html>
    <head>
        <title>sample</title>
        <script type="text/javascript">
            window.onload = function() {

                var iframes= parent.document.getElementsByTagName("iframe")[0];
                alert(iframes.getAttribute("data-id"))
            }
        </script>
    </head>
    <body>
        <iframe id='iframe_test' data-id='foo' src='http://example.com'></iframe>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...