Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

String.big() を更新 #16148

Merged
merged 2 commits into from
Oct 1, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,25 @@
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")}} 要素の中に埋め込み (`<big>str</big>`)、文字列が大きなフォントで表示されるようにします
**`big()`** は {{jsxref("String")}} 値のメソッドで、kの文字列を {{HTMLElement("big")}} 要素の中に埋め込み (`<big>str</big>`)、この文字列が大きなフォントで表示されるようにします

> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)はすべて非推奨となっており、互換性目的のみで標準化されています。`<big>` 要素自体は [HTML5](/ja/docs/Glossary/HTML5) で削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。
> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)はすべて非推奨となっており、互換性目的のみで標準化されています。`<big>` 要素自体は HTML 仕様書から削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。

## 構文

```js-nolint
big()
```

### 引数

なし。

### 返値

`<big>` 開始タグで始まり、`str` のテキストが来て、 `</big>` 終了タグが来る文字列です。
Expand All @@ -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()); // <small>Hello, world</small>
console.log(worldString.big()); // <big>Hello, world</big>
console.log(worldString.fontsize(7)); // <font size="7">Hello, world</font>
```html
<big>Hello, world</big>
```

{{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";
Expand All @@ -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")}}