0

Javascript を介して CSS ルールをスタイルシートに直接追加しています。

document.styleSheets[0].cssRules[4].style.borderRadius="10px";
document.styleSheets[0].cssRules[4].style.webkitBorderRadius="10px";
document.styleSheets[0].cssRules[4].style.mozBorderRadius="10px";

これらのルールを後で表示する必要があります。

document.write(document.styleSheets[0].cssRules[4].cssText);

ただし、各ブラウザーには独自のプレフィックスのみが表示されます。たとえば、Chrome を使用している場合は、次のようなものしか表示されません。

-webkit-border-radius:10px;

Firefox を使用しているときは、次のようなものしか得られません。

-moz-boder-radius:10px;

使用しているブラウザに関係なく、それらをすべて表示するにはどうすればよいですか?

PS:document.getElementById("foo").style.width; CSS を表示するようなものは使用できません。and を使用する必要がstyleSheets[]ありcssRules[]ます。

4

1 に答える 1

3

それらは存在しないため、できません。ブラウザーは、認識しないスタイルを無視するため、スタイル シートに追加されることはありません。

于 2013-02-14T08:02:43.630 に答える