Question

http://kvnf.org/kvnf-holiday-auction-2012

此处标题下的内容是iframe。有没有办法隐藏iframe src页面的“标题”，这是html代码中的文本“Thank You Gifts：”？不幸的是，在这种情况下我无法访问样式表，所以我不能这样做。我试过把一个样式=“margin-top：-50px;”在iframe内部，但是从iframe上方的区域移除了50px，而不是在内部。有没有什么方法可以做到这一点无法访问.css-也许有一个div？

非常感谢你 -

Answer 1

在javascript中，您可以将其隐藏在主页中，执行以下操作：

function hideit(){
    frame = window.document.frames[0];
    frame.document.getElementsByClassName("title")[0].style.display="none";
}

Answer 2

我这样隐藏了我的：

<div style="border: 1px solid rgb(255, 255, 255); overflow: hidden; margin: 15px auto; max-width: 100%;">
<iframe scrolling="yes" src="http://www.exampledomain.com/" style="border: 0px none; margin-left: 0px; height: 700px; margin-top: -40px; width: 100%;">
</iframe>
</div>

您可以将其粘贴到静态网页中，因为它是纯HTML。

Answer 3

使用下面提供的jQuery代码，您可以在iframe中捕获任何CLASS或ID。在这里，我通过其ID检测到iframe。我已经使用此代码隐藏了iframe内的div元素。

$('iframe').load(function() {
    $("#iframe_id").contents().find(".class_name or #id_name").css('display', 'none');
});

隐藏iframe中的标题

3 个答案: