HTML：尝试从嵌入式Google日历中删除元素

Question

我使用以下内容将Google日历嵌入到我的HTML中：

<iframe src="https://calendar.google.com/calendar/embed?src=blahblahblahblahblah" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

我正在尝试删除日历页面上的“+ Google日历”按钮。我可以检查元素并找出我需要更改的内容：

但是，我不明白要改变什么才能把它拿出来。我尝试将其添加到style.css页面：

div.subscribe-image{
    display: none;
}

没用。如果你知道，请告诉我。

由于

Answer 1

尝试在检查元素时更改内联样式。

例如：您正在突出显示元素，然后您可以看到它说明了这一点。

style="display: inline-block"

尝试在检查元素的同时更改内联样式。

style="display: none"

我的想法是，当css风格正在寻找时，你正在选择一些尚未存在的东西。对于您的文档，它看到的只是iFrame，而不是它所引入的整个Google代码，您无法访问iFrame中的代码。知道我在说什么吗？

据我所知。我可能错了，也许有一个解决方案。试试这个，然后我们可以更深入地寻找解决方案。

Answer 2

它是<iframe>。这是一份不同的文件。除非允许您访问，否则您无权访问它。要理解这个原理，它就像你试图从标签中改变另一个浏览器标签中的内容一样。

唯一的选择是删除<iframe>。如果它不允许，您无法遍历其DOM。

您尝试的内容受same origin policy规则管辖。如果<iframe>提供商允许，您需要将 Cookie设置为标题 CSRF token。