造型&#34; <对象>&#34;标记内容

时间:2017-02-06 08:30:57

标签: javascript html css object styling

假设我们有     

&#13;
&#13;
<html>
  <body>
  <object width="435" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/SkPqgvQg3Mg"></object>
  </body>
</html>
&#13;
&#13;
&#13;

所以在youtube视频加载到html页面后,如果我们检查视频中的元素,我们会在里面找到一个新的html页面。

现在我想在对象标签内设置内联html的样式。
有什么办法吗?

2 个答案:

答案 0 :(得分:3)

简答:不。

由于 CSS 仅适用于文档边界,因此无法通过页面中包含的 CSS 执行您想要的操作。
由于same origin安全策略阻止了对象的内容( / iframe )内部动态插入样式表,因此您无法通过JavaScript来解决这个问题。您是否影响作为容器页面的不同域上的嵌入式文档的内容 此安全策略阻止的漏洞类型称为cross-site scripting漏洞。

答案 1 :(得分:-1)

- 编辑 -

我认为最好使用iframe,而不是对象,因为它已于2015年1月弃用

SOURCE

至于更改css,我认为其他网站的文件不可能