Блог

Главная - Вопросы по программированию - Как заполнить этот iframe src значением этого div?

Как заполнить этот iframe src значением этого div?

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть этот div тег на моей странице:

 <div class="widget-content">https://www.somelink.com</div>

А также этот iframe тег:

 <iframe frameborder='0' height='100%' src='' width='100%'/>

Возможно ли iframe src заполнить «https://www.somelink.com » ценность откуда .widget-content ?

Комментарии:

1. Да, это возможно. Что вы пробовали? Чего вы хотите достичь?

2. Я пытался с помощью .attr(«src»).replace(), но я до сих пор не знаю, как получить значение из .widget-content

3. У div него нет значения. Вы имеете в виду текстовое содержимое?

4. Точно, желательно только ссылки.

Ответ №1:

Эта отдельная веб-страница, содержащая HTML, CSS и JS, будет делать то, что вы просили. В этом случае мы получаем главную страницу Kodak (только потому, что они не препятствуют созданию своего сайта — многие другие делают).

 <!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <style>
            #myIframe {
                height: 100%;
                width: 100%;
                position: fixed;
                left: 0;
                top: 0;
            }
        </style>

    </head>
    <body>
        <div class="widget-content">https://www.kodak.com</div>

        <iframe id="myIframe" frameborder='0' height='100%' src='' width='100%'/></iframe>

        <script>
            var doc = document
                , myNewPage = doc.querySelector( 'div.widget-content' ).innerText
            ;

            doc.getElementById( 'myIframe' ).src = myNewPage;
        </script>

    </body>
</html>

Комментарии:

1. Потрясающий ответ. Спасибо, Mac.

2. Абсолютно. Рад, что это помогло вам. 👍