A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/API/CSSStyleSheet/replace below:

CSSStyleSheet: replace() メソッド - Web API

CSSStyleSheet: replace() メソッド

Baseline 2023

Newly available

replace() は CSSStyleSheet インターフェイスのメソッドで、スタイルシートの内容を渡された内容で非同期に置き換えます。このメソッドは CSSStyleSheet オブジェクトで解決されるプロミスを返します。

replace() と CSSStyleSheet.replaceSync() の両メソッドは、 CSSStyleSheet() コンストラクターで作成されたスタイルシートでのみ使用できます。

構文 引数
text

スタイルシートのコンテンツを置き換えるためのスタイルルールを格納した文字列。文字列に解釈可能なルールのリストが入っていない場合、値は空文字列に設定されます。

メモ: もし text に渡されたルールの中に @import ルールでインポートされた外部スタイルシートがあった場合は、それらのルールは除去され、コンソールに警告が出力されます。

返値

Promise で、 CSSStyleSheet に解決します。

例外
NotAllowedError DOMException

次の 2 つの条件のうち一方が成立した場合に発生します。

例

次の例では、新しいスタイルシートを作成し、replace() を使って 2 つの CSS ルールを追加しています。最初のルールはコンソールに body { font-size: 1.4em; } と表示されます。

const stylesheet = new CSSStyleSheet();

stylesheet
  .replace("body { font-size: 1.4em; } p { color: red; }")
  .then(() => {
    console.log(stylesheet.cssRules[0].cssText);
  })
  .catch((err) => {
    console.error("Failed to replace styles:", err);
  });
仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4