如何使用纯javascript而不是jquery更新iFrame的CSS

时间:2016-12-19 05:55:03

标签: javascript css

我想为以下iframe应用自定义CSS,

<iframe width="100%" class="freshwidget-embedded-form" id="freshwidget-embedded-form" src="http://customerservice.millers.com.au/widgets/feedback_widget/new?&amp;widgetType=embedded&amp;screenshot=no" scrolling="no" height="550px" frameborder="0"></iframe>

请告诉我如何通过JavaScript修改iFrame中任何类/元素的CSS。

1 个答案:

答案 0 :(得分:0)

我认为这个问题不够明确,但我要继续并假设您想要更改样式或属性,例如&#34; src&#34;使用纯JavaScript,

因此,要更改样式,您必须获取id或类,然后更改样式,在您的情况下它将是。

img =   [0 0 0 0 0 0 0 0
         0 0 0 0 2 2 2 0
         0 0 0 2 2 2 2 0
         0 0 0 2 2 2 2 0
         0 0 2 2 2 2 2 0
         0 0 2 2 2 2 2 0
         0 3 3 1 1 1 3 0
         0 3 3 1 1 1 3 0
         0 3 3 3 3 3 3 0
         0 0 0 0 0 0 0 0];

或者如果你想改变来源,它就像

document.getElementById(freshwidget-embedded-form).style.width = "new_width"