aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web
diff options
context:
space:
mode:
authorMasahiro Fujimoto <mfujimot@gmail.com>2022-02-04 19:49:28 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-18 09:23:54 +0900
commit47759483d12b1106ad78f0b4b19e8d6a5901227b (patch)
treee7d07531bf24e1b7d2743c11ea034b16d8d089a8 /files/ja/web
parent591729003734385fe042b82805fb22c6e62680d4 (diff)
downloadtranslated-content-47759483d12b1106ad78f0b4b19e8d6a5901227b.tar.gz
translated-content-47759483d12b1106ad78f0b4b19e8d6a5901227b.tar.bz2
translated-content-47759483d12b1106ad78f0b4b19e8d6a5901227b.zip
2021/09/15 時点の英語版に同期
Diffstat (limited to 'files/ja/web')
-rw-r--r--files/ja/web/api/documentfragment/queryselector/index.md67
1 files changed, 67 insertions, 0 deletions
diff --git a/files/ja/web/api/documentfragment/queryselector/index.md b/files/ja/web/api/documentfragment/queryselector/index.md
new file mode 100644
index 0000000000..75ee1077fa
--- /dev/null
+++ b/files/ja/web/api/documentfragment/queryselector/index.md
@@ -0,0 +1,67 @@
+---
+title: DocumentFragment.querySelector()
+slug: Web/API/DocumentFragment/querySelector
+tags:
+ - API
+ - DOM
+ - DocumentFragment
+ - メソッド
+browser-compat: api.DocumentFragment.querySelector
+translation_of: Web/API/DocumentFragment/querySelector
+---
+{{ApiRef("DOM")}}
+
+**`DocumentFragment.querySelector()`** メソッドは、指定されたセレクター群に一致する {{domxref("DocumentFragment")}} の中の最初の要素を(文書ノードの深さ優先前順走査 (depth-first pre-order traversal) を使用して)返します。一致するものがなければ `null` を返します。
+
+ID に一致するセレクターで、その ID が誤って文書中に複数使用されていた場合は、最初に一致する要素を返します。
+
+引数で指定されたセレクターが無効であった場合、 {{domxref("DOMException")}} が `SYNTAX_ERR` の値で発生します。
+
+## 構文
+
+```js
+element = documentfragment.querySelector(selectors);
+```
+
+### 引数
+
+- _selectors_
+ - : {{domxref("DOMString")}} で、1 つ以上の CSS セレクターをカンマで区切って指定します。
+
+## 例
+
+### 基本的な例
+
+この基本的な例では、 {{domxref("DocumentFragment")}} の中で "`myclass`" クラスが返されます。
+
+```js
+var el = documentfragment.querySelector(".myclass");
+```
+
+### CSS の構文とメソッドの引数
+
+`querySelector` に CSS の構文に従う必要があります。 CSS の構文に従っていない ID やセレクター(例えばセミコロンや空白が不適切に入っているなど)に一致させるには、適合しない文字をバックスラッシュ 2 つでエスケープする必要があります。
+
+```html
+<div id="foo\bar"></div>
+<div id="foo:bar"></div>
+
+<script>
+document.querySelector('#foo\bar') // 何にも一致しない
+document.querySelector('#foo\\\\bar') // 最初の div に一致する
+document.querySelector('#foo:bar') // 何にも一致しない
+document.querySelector('#foo\\:bar') // 2 つ目の div に一致する
+</script>
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- 所属する {{domxref("DocumentFragment")}} インターフェイス