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

如果您要在iFrame中加载外部网址，则无法操纵或访问该页面的内容。

但是，如果加载的URL来自相同的来源/域名，则可以使用@TheUnKnown提供的示例代码来实现。

出于安全原因，浏览器会限制对外部url页的访问，其他明智的黑客也可能会窃取您的数据或对其进行操作。

Answer 2

一种可能的方法是存储该文本并在iframe加载后附加<a href>：

$(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>

在iFrame中创建链接

2 个答案: