Question

有没有办法删除iframe中所有链接中的所有主题标题属性，这样当你将鼠标悬停在它们上面时，你就不会获得标题？

我知道我可以做类似以下的事情但由于某种原因它不起作用。

$("iframe").load(function() {
    $("iframe").contents().find("a").each(function(index) {
      $(this).attr('title','');
    });
});

任何帮助都将不胜感激。

Answer 1

这将适用于您在同一个域：

 $('iframe').load(function(){
        $(this).contents().find('a').removeAttr('title');
 })

如果您不在同一个域中，则无效。请参阅以下SO问题/答案：

Get DOM content of cross-domain iframe

Answer 2

如果iframe使用相同的协议和域，您可以更改iframe的内容。

不同的协议或域将生成安全例外。

Answer 3

鉴于iFrame的内容来自同一个域，您可以对每个锚标记使用以下内容

$('a').removeAttr('title');

Answer 4

试试这个：

Javascript： Demo

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

var links = innerDoc.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
  links[i].removeAttribute("title");
}

Jquery：Demo

setTimeout( function () {
      $("#iframeId").contents().find("a").removeAttr("title");
}, 1000 );

删除iframe中的所有锚标题属性

4 个答案: