「JavaScript/DOM」の版間の差分
削除された内容 追加された内容
ウェブブラウザ上のJS以外にもDOM実装は偏在する（本文とも矛盾）window.alert() はDOMの一部ではなくHTML の一部。 |
編集の要約なし |
||
139 行
</syntaxhighlight>
と等価である。
{{コラム|CSSセレクタの影響|
2021年6月現在のHTML5+CSS3+JavaScript(ES6+)に基づくウェブフロントエンド技術では、
CSSとDOMで要素を指定する方法が、CSSセレクタとgetElementsBy*系メソッドと2種類あるのは実装を複雑にし、誤解からバグの入り込む余地が増えます。
この様な状況で、jQueryなどのフレームワークがもてはやされてきました。
<source lang="js">
document.getElementById("sample");
</source>
はjQueryでは、
<source lang="js">
$("#sample");
</source>
とCSSセレクタの書式で要素（へのラッパー）を得る等価な処理ができます。
ただこの方法では、ラッパーが間に入る続けるので冗長です<ref>このおかげでメソッドチェーンが使えるのですが。</ref>。
DOMもこの状況をに対し、CSSセレクタで要素を返すメソッド Document.querySelector() を用意しました<ref>[https://dom.spec.whatwg.org/#dom-parentnode-queryselector DOM
Living Standard::4.2.6. Mixin ParentNode -- The querySelector(selectors) method steps are to return the first result of running scope-match a selectors string selectors against this, if the result is not an empty list; otherwise null.] </ref>。
<source lang="js">
document.querySelector("#sample");
</source>
----
}}
*ノードの概念
**DOMに関するオブジェクト<br>
| |||