Создать ссылку в iFrame

Question

Мне нужно изменить текст элемента в iFrame на ссылку с другим отображаемым текстом. У меня нет доступа к HTML.

Ниже, где написано ThisIsAWebsiteURL.com, мне нужно, чтобы это была ссылка на этот веб-сайт, и измените текст на «Нажмите здесь»

Возможно ли это?

<div class="classes" data-field="datafieldID">
    <div class="c-editor">
        <div class="c-content"> **ThisIsAWebsiteURL.com**
        </div>
    </div>
    <div class="c-validation" aria-hidden="true">
    </div>
</div>

Answer 1

Если вы загружаете внешний URL-адрес в iFrame, то НЕВОЗМОЖНО манипулировать или получать доступ к содержимому этой страницы.

Однако, если загруженный URL-адрес принадлежит тому же источнику / доменуname, Вы можете добиться этого, используя пример кода, предоставленного @TheUnKnown.

Браузеры ограничивают доступ к внешним URL-страницам из-за соображений безопасности, Другие мудрые хакеры могут украсть ваши данные или манипулировать ими.

Answer 2

Возможный способ - сохранить этот текст и добавить <a href> после загрузки iframe:

$(document).ready(function(){
 $('#iframe').ready(function(){
    var link = $('.c-content').text();
    var url = ''+link+'';
    $('div').html('<a href="'+url+'">'+"Click Here"+'</a>');
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="classes" data-field="datafieldID">
    <iframe>

    <div class="c-editor">
        <div class="c-content">**ThisIsAWebsiteURL.com**
        </div>
    </div>
    </iframe>
    <div class="c-validation" aria-hidden="true">
    </div>
</div>