javascriptを書いたことがある人ならだれでも一度は使ったことがあるコードに
document.getElementById()
と言うものがあると思います。
documentに格納されている()引数のidのelement(要素)を取得しろ！
ってことだとは思うのですが
documentってなに？
と思ったので聞いてみます。
質問
javascriptで指定するdocumentとは何を指していますか
|
解答
JavaScriptの `document` は、Webページの構造やコンテンツを操作するためのオブジェクトです。
`document` オブジェクトは、
ブラウザ上で表示される現在のウェブページ全体を表し、 HTML要素やその属性、テキスト、スタイルなどにアクセスするための手段を提供します。
具体的には、`document` オブジェクトを使用することで、以下のような操作が可能です：
1. **要素の検索・取得**:
- `document.getElementById()` や `document.querySelector()` を使用して、ページ内の特定の要素を取得できます。
2. **要素の操作**:
- 取得した要素を通じて、テキストや属性、スタイルなどのプロパティを変更できます。
例えば、`element.textContent` や `element.style.color` を使用して、要素のテキストやスタイルを変更できます。
3. **要素の作成・追加**:
- `document.createElement()` を使用して新しい要素を作成し、
`element.appendChild()` を使用して既存の要素に新しい要素を追加できます。
4. **イベントの追加**:
- `element.addEventListener()` を使用して、要素にイベントリスナーを追加できます。
これにより、クリックやマウスオーバーなどのイベントを処理できます。
5. **ドキュメント全体の操作**:
- `document.title` を使用してページのタイトルを変更したり、
`document.body` を通じてページ全体の要素にアクセスしたりできます。
`document` オブジェクトは、JavaScriptからウェブページの構造やコンテンツを制御し、
動的な変更や操作を行うための重要な手段です。
|
html上にある要素を操作するためにあるのね
まあそうか
html全体がdocumentってイメージでいいのかしらん
element.addEventListener()やonclickで特定の要素のみでfnを呼び出すやり方を見ても
そういうことなのかな
普段何気なく使っているコードでも突き詰めていくと面白いですね
アフィリエイトブログのくせにあまり商品宣伝はやらないのですが『開眼!Javascript」は良書です。
私自身、この本を読んでからjavascriptの理解と言うか、おもしろさがわかるようになりました。
エンジニアなりたて！という方には少し難しいと思いますが、
すでにほかの言語で業務をこなしていて、でもなんかjavascriptって動き方が独特で苦手。。くらいのレベルの方にはおすすめです。
きっといいjavascriptライフが送れると思います。
【下記、広告です。クリックいただけると励みになります。】
