ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでテキスト内容を変更する方法
JavaScriptでテキスト内容を変更する方法
- 青灯夜游オリジナル
- 2021-05-18 15:59:3713454ブラウズ
JavaScript でテキスト コンテンツを変更する方法: まず、「document.getElementById(id value)」ステートメントを使用してテキスト要素オブジェクトを取得し、次に「text element object.innerHTML= "new text content"」を使用します。それを変更するためのステートメント。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
HTML コンテンツの変更
HTML ドキュメントのコンテンツを変更する最も簡単な方法は、innerHTML 属性を使用することです。
HTML 要素のコンテンツを変更するには、次の構文を使用します。
document.getElementById(id).innerHTML = new text
例:
<!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>
要素のコンテンツを検索します。メソッド:
1. ID に基づいて要素を取得します
document.getElementById("id属性的值");2. タグ名に基づいて要素を取得します
document.getElementsByTagName("标签的名字");3. 基づいて要素を取得しますname 属性の値
document.getElementsByName("name属性的值");4.クラス属性に基づいて要素を取得
document.getElementsByClassName("类样式的名字");5.CSS パスに基づいて要素を取得 (1 つ取得)
document.querySelector("css路径");6. CSS パスに基づいて要素を取得する (グループを取得する)
document.querySelectorAll("css路径");【推奨学習: JavaScript 上級チュートリアル 】
以上がJavaScriptでテキスト内容を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。