ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでテキスト内容を変更する方法

JavaScriptでテキスト内容を変更する方法

青灯夜游
リリース: 2023-01-06 11:13:56
オリジナル
13385 人が閲覧しました

JavaScript でテキスト コンテンツを変更する方法: まず、「document.getElementById(id value)」ステートメントを使用してテキスト要素オブジェクトを取得し、次に「text element object.innerHTML= "new text content"」を使用します。それを変更するためのステートメント。

JavaScriptでテキスト内容を変更する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

HTML コンテンツの変更

HTML ドキュメントのコンテンツを変更する最も簡単な方法は、innerHTML 属性を使用することです。

HTML 要素のコンテンツを変更するには、次の構文を使用します。

1

document.getElementById(id).innerHTML = new text

ログイン後にコピー

例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

<body>

 

<h2>JavaScript 可以更改 HTML</h2>

 

<p id="p1">Hello World!</p>

 

<script>

document.getElementById("p1").innerHTML = "Hello Kitty!";

</script>

 

<p>上面的段落由脚本更改。</p>

 

</body>

</html>

ログイン後にコピー

JavaScriptでテキスト内容を変更する方法

要素のコンテンツを検索します。メソッド:

1. ID に基づいて要素を取得します

1

document.getElementById("id属性的值");

ログイン後にコピー

2. タグ名に基づいて要素を取得します

1

document.getElementsByTagName("标签的名字");

ログイン後にコピー

3. 基づいて要素を取得しますname 属性の値

1

document.getElementsByName("name属性的值");

ログイン後にコピー

4.クラス属性に基づいて要素を取得

1

document.getElementsByClassName("类样式的名字");

ログイン後にコピー

5.CSS パスに基づいて要素を取得 (1 つ取得)

1

document.querySelector("css路径");

ログイン後にコピー

6. CSS パスに基づいて要素を取得する (グループを取得する)

1

document.querySelectorAll("css路径");

ログイン後にコピー

【推奨学習: JavaScript 上級チュートリアル

以上がJavaScriptでテキスト内容を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート