HTML5 iframeのスタイル

私はiframeを持っており、CSSのみを使用してsrcdoc属性内にスタイルを設定したいと考えています。HTML5 iframeのスタイル

<iframe name="myFrame" srcdoc="<span>Hi</span>"> </iframe>

インラインスタイルを使用せずにスタイルシートのみを使用してsrcdoc内のスパンスタイルを設定できますか？

もしそうでなければ、私はスタイルを変更するためにsrcdocの中にhtmlコーディング全体を入れることができますか？

2016-10-27 Anonymous

属性を変更することでJavascriptで行うことができます。それがあなたにとって可能な解決策であるかどうかはわかりません。しかし、そうであれば、必要に応じて属性を動的に変更できる関数を作成します。そうすることで、静的にインラインで追加する必要はありません。

ここでは簡単な例を挙げます。

document.getElementsByTagName("iframe")[0].setAttribute("srcdoc", "demoValue");

内側スパンのスタイルを変更するには、idを割り当てる必要があります。 CSSでルールを作成すると、JsとCSSの両方で操作できるようになります。

iframeが同じドメインにない場合、コンテンツクライアント側を変更することはできません。 PHPを使用してページを読んで、あなたのドメインからそれをエコーする必要があります。

2016-10-27 15:33:16

CSSは使用できますが、JSは使用できないのは恐れています。（ –

これはまだ有効です。idをスパンに追加するだけです。これはcssルールでレンダリングされたときに操作する必要があります。 –

CSSの外部または内部のスタイルシートだけを使用して、インラインスタイルではなく、のタグにスタイルを設定したいだけですが、私ものIDを使用しても、変更はありません –

iframeのCSSスタイルは、メインページの外観から独立しています。そして、その設計を外部的に操作することは不可能です。

srcdoc属性に関連して、私はあなたが欲しいものを理解していません。それについて、MDN says： "この属性は一般的に属性と共に使用されると予想されます"。

2016-10-27 15:37:33

新しいページを使用せずにiframe内に何かを入れたいしたがって、私はsrcdocを使います。 –

'srcdoc'はコンテンツ全体を置き換えます。参照されるHTMLを変更する必要があるということです。 –

答えて