タイトルを書き直しました: JavaScript を最適に出力するにはどうすればよいですか?

Question

JavaScript を学習しているのですが、コードを出力する推奨方法は document.getElementById を使用することです...また、Document.write はテストでのみ使用する必要があることがわかりました...これはスクリプトを出力する最良の方法ですか?このコードは具体的に何をするのでしょうか?次のコードを書きましたが、「デモ」がどのように機能するのか、なぜそれが必要なのかわかりません... functionaddNumbers(arr){vari,answer=0;fo

P粉827121558 · Answer

Demo は、ID が「demo」の段落を指します。 ID (HTML ページ全体で一意である必要があります) を使用して、JavaScript で HTML タグを識別して使用できます。

document.write は実際にはあまり使用されなくなりました。理由はいくつかあります。ウェブ上に適切な説明があるので、これらの回答またはこの記事をチェックしてください。

欠落しているタグ (、、

P粉757432491 · Answer

一歩下がって二歩進む:

document.write は 3 つの関数の 1 つです

document.open() ドキュメントを最初から開き、既存のドキュメントのコンテンツが存在する場合は削除します。
document.write( string) Web ページの構築に使用される文字ストリームに文字列を挿入します。
document.close() 書き込みのためにドキュメントを閉じます。さらに書き込むとドキュメントが再度開かれ、プロセス内の既存のコンテンツが消去されます。

次に次のことを検討してください

ページ入力ストリームが終了すると、ドキュメントは自動的に閉じます。
ドキュメントは「ドキュメントオブジェクトモデル」(「DOM」) を使用して構築され、スクリプトからアクセスして操作できます。
document.open/write/close DOM が標準化されて利用可能になる前から存在していました。

したがって、document.write は、最新の Web プログラミングではほとんど役に立ちません。ページの読み込みが完了した後に使用すると、ページのコンテンツがクリアされます。これはほぼ完全に、DOM の存在をまだ学習していない学生向けのチュートリアルに限定されており、window.open で開かれた子ウィンドウにプログラムでコンテンツを書き込む場合に時折使用されます。

ページ内のすべての HTML 要素は、DOM 内の HTML 要素ノードとして存在します。これらの要素には、document.getElementById や document.querySelector などのメソッドを呼び出すことでアクセスでき、JavaScript オブジェクト値として返されます。 HTMLElement はタグの種類によって異なりますが、HTML コンテナ要素を表す場合は、innerHTML や textContent などの属性があり、スクリプトからのテキスト文字列で更新されると、レンダリングされたページのコンテンツ。

あなたの質問に答えると、「demo」は HTMLParagraphElement の ID 値であり、ID 値は DOM 内の特定の要素にアクセスするために使用されます。id 値は次のようになります。ページの HTMLElement の中で一意です。

(段落)要素オブジェクトは、document.getElementByIdを使用してDOMをクエリすることで取得できます。その後、要素の innerHTML コンテンツを変更すると、ドキュメントが新しいコンテンツで再レンダリングされ、ページの表示が更新されます。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル