0

我服务器上的页面有多个具有不同 ID 的 iframe 标记。我添加了一个 iframe 标签以嵌入 youtube 视频。iframe 标记有一个样式元素，它赋予它 250 宽度和 250 高度，由插件添加。我想删除添加到 iframe 的这种样式，以便 youtube 视频仅在这个特定的 iframe 中以 iframe 标记的高度和宽度显示，因为页面上还有其他 iframe 标记具有不应触及的样式。

1）我正在添加的代码（注意宽度=640 高度=390）

<iframe id="player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/GxTl1Ykbuww?enablejsapi=1&origin=origin-domain.com" frameborder="0"></iframe>

2）使用浏览器加载时页面上的代码（注意style="height:250;width:250;"现在添加到 iframe 标记中，这是我要删除的垃圾，但仅来自此 iframe 标记 id

<iframe id="player" style="height: 250px; width: 250px;" src="http://www.youtube.com/embed/GxTl1Ykbuww?enablejsapi=1&amp;origin=origin-domain.com" height="390" width="640" frameborder="0"></iframe>

Javascript 或 Jquery 会很好。但是 jquery 中的 remove 标记会从页面上的每个 iframe 中删除样式。

理想的解决方案将导致只有 iframeid="player"从上面的 2) 更改为不再具有style=""或具有 style="" 但其中没有任何内容。

4

4 回答 4

2 
$('#player').removeAttr('style')

应该使用最新的 jQuery

作为解释

$('#player')

以 id='player' 的 DOM 元素为目标（# 以 id 为目标，如 css 选择器）。

removeAttr('style')

从目标对象中删除“样式”属性

于 2013-04-30T06:59:34.730 回答
1

document.getElementById('player').removeAttribute('style')

我认为不应该使用 jQuery 或任何其他 JS 库

CSS 解决方案：#player { width: 640px !important; height: 390px !important; }但使用!important是不好的做法。

于 2013-04-30T07:01:15.880 回答
0 
Try with ,
For style change :
$("#player").css("Height","90");

For attribute change :
$("#player").attr("Height","90");

For inside of iframe tag attribute or style change :
$("#player div").attr("Height","90");
$("#player div").css("Height","90");
于 2013-04-30T07:00:28.617 回答
0

尝试这个

$('#player').removeAttr('style');
于 2013-04-30T07:01:03.300 回答