結果を表示する
元にもどす
◀︎
K
▶︎
<html lang="ja"><meta charset="utf-8"> <style>div{font-size:2em;}</style> <body onload="たいむ()"> <div id="目印"></div> <script> function たいむ() {let 今=new Date(); document.getElementById("目印").textContent=今.toLocaleString(); setTimeout(たいむ,1000);} </script> <hr> <pre style="color:green;"> DOM を取得するときに document.getElementById("目印") の戻り値(関数が返す値)に, すぐに textContent を代入している. 速くシンプルに書きたいときは一行でOK. 短く一回だけ使うときは 一行で完結する書き方が可能だが, 何度も同じパターンを使うときは非効率. document.getElementById() は高速ですが, 何度も呼び出すと少しずつパフォーマンスに影響する. もしも DOM 構造が複雑なときは, この記述方法では負担が増すため, 大規模なアプリでは "目印"を「変数」に一度代入して後で呼び出すことが望ましい. </pre> </html>