From 4769d6b880a9d418da8d35cb9105a3e21173be6f Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 27 Sep 2023 08:27:10 +0900 Subject: [PATCH] =?UTF-8?q?2023/09/16=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../global_objects/string/big/index.md | 34 ++++++++++++------- 1 file changed, 22 insertions(+), 12 deletions(-) diff --git a/files/ja/web/javascript/reference/global_objects/string/big/index.md b/files/ja/web/javascript/reference/global_objects/string/big/index.md index b75dbc21b67c36..0b1fd71b6e0b98 100644 --- a/files/ja/web/javascript/reference/global_objects/string/big/index.md +++ b/files/ja/web/javascript/reference/global_objects/string/big/index.md @@ -2,14 +2,14 @@ title: String.prototype.big() slug: Web/JavaScript/Reference/Global_Objects/String/big l10n: - sourceCommit: f3df52530f974e26dd3b14f9e8d42061826dea20 + sourceCommit: 5a2cea779777daaff451f21ca3b7f4c28a68de9e --- -{{JSRef}} {{deprecated_header}} +{{JSRef}} {{Deprecated_Header}} -**`big()`** メソッドは、文字列を {{HTMLElement("big")}} 要素の中に埋め込み (`str`)、文字列が大きなフォントで表示されるようにします。 +**`big()`** は {{jsxref("String")}} 値のメソッドで、ｋの文字列を {{HTMLElement("big")}} 要素の中に埋め込み (`str`)、この文字列が大きなフォントで表示されるようにします。 -> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_wrapper_methods)はすべて非推奨となっており、互換性目的のみで標準化されています。`` 要素自体は [HTML5](/ja/docs/Glossary/HTML5) で削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。 +> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)はすべて非推奨となっており、互換性目的のみで標準化されています。`` 要素自体は HTML 仕様書から削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。 ## 構文 @@ -17,6 +17,10 @@ l10n: big() ``` +### 引数 + +なし。 + ### 返値 `` 開始タグで始まり、`str` のテキストが来て、 `` 終了タグが来る文字列です。 @@ -25,17 +29,23 @@ big() ### big() の使用 -以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。 +下記のコードは HTML 文字列を作成し、文書内の本体を文字列で置き換えています。 ```js -const worldString = "Hello, world"; +const contentString = "Hello, world"; + +document.body.innerHTML = contentString.big(); +``` + +これで次の HTML が作成されます。 -console.log(worldString.small()); // Hello, world -console.log(worldString.big()); // Hello, world -console.log(worldString.fontsize(7)); // Hello, world +```html +Hello, world ``` -{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の `style` 属性を使用して、次のようにもっと汎用的に操作することができます。 +> **警告:** `big` は有効な要素ではなくなっているので、このマークアップは無効です。 + +`big()` を使用して直接 HTML テキストを作成する代わりに、 CSS を使用してフォントを操作しましょう。例えば、 {{domxref("HTMLElement/style", "element.style")}} 属性を通して {{cssxref("font-size")}} を操作することができます。 ```js document.getElementById("yourElemId").style.fontSize = "2em"; @@ -52,5 +62,5 @@ document.getElementById("yourElemId").style.fontSize = "2em"; ## 関連情報 - [`String.prototype.big` のポリフィル (`core-js`)](https://github.com/zloirock/core-js#ecmascript-string-and-regexp) -- {{jsxref("String.prototype.fontsize()")}} -- {{jsxref("String.prototype.small()")}} +- [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド) +- {{HTMLElement("big")}}