ホームページ > ウェブフロントエンド > jsチュートリアル > getElementById().innerHTML と getElementById().value の違いについて詳しく説明します。

getElementById().innerHTML と getElementById().value の違いについて詳しく説明します。

亚连
リリース: 2018-05-19 14:49:39
オリジナル
2618 人が閲覧しました

この記事では、getElementById().innerHTML と getElementById().value の違いを主に紹介します。必要な友達は参照してください

簡単に言えば、フォームには value を使用し、文字の挿入には innerHTML を使用します

例:

value 属性を持つタグのみ使用可能 getElementById("jb51").valuegetElementById("jb51").value

12345

这种没有value属性的标签就用getElementById("jb51").innerHTMLLike

12345

value 属性のないタグの場合は、getElementById("jb51").innerHTML を使用します

document.getElementById() を使用して、ID を持つ要素を取得できます。ページ

次に、value などのこの要素の属性にアクセスします

要素に value 属性がある場合、その値には value が含まれます
例 1

このような要素の場合、document.getElementById("txt1").value を使用すると、その値である文字列 "hello" を取得できます。

要素に値が存在しない場合、document.getElementById().value を使用しても取得できません。当たり前のことですが、自分が持っていないものにどうやってアクセスできるのでしょうか?

たとえば、p マークは必ずしも値を持っているわけではありません。

innerHTML

これは要素内のコンテンツを指します

例 2

要素には、次のような開始タグと終了タグがあります

document.getElementById("lb1").innerHTML を使用して の間のコンテンツ、つまり「これはラベルです」を取得する場合。

上記は私があなたのためにまとめたものです。

関連記事: js
コードを一定時間遅延させた後に関数を実行する例


JSは単純にフローティングウィンドウを実装します

Avalonjs
はシンプルなショッピングカート機能

🎜🎜

以上がgetElementById().innerHTML と getElementById().value の違いについて詳しく説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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