blob: 8c72385fd99a35bcadd37326061c4bfffaba6369 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
---
title: CSSStyleRule.selectorText
slug: Web/API/CSSStyleRule/selectorText
tags:
- API
- CSSOM
- CSSStyleRule
- Reference
translation_of: Web/API/CSSStyleRule/selectorText
---
<div>{{APIRef("CSSOM") }}</div>
<p><code><strong>CSSRule.selectorText</strong></code>プロパティは、この規則集合のセレクターのテキスト表現を取得します。これは、一部のブラウザーで読み取り専用で実装されています。スタイルシート規則をクロスブラウザーで動的に設定するには、 <a href="/docs/DOM/Using_dynamic_styling_information">動的なスタイル情報の利用</a> を参照してください。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><em>string</em> = cssRule.selectorText</pre>
<h2 id="Example" name="Example">例</h2>
<pre class="brush: js">// for cssrule: body { background-color: darkblue; }
var stylesheet = document.styleSheets[0];
alert(stylesheet.cssRules[0].selectorText); // body
</pre>
<h2 class="Notes" id="補記">補記</h2>
<p>実装は、セレクターの解析中に無意味な空白を取り除くことがあります。解析できないセレクター文字列を設定すると、SyntaxError が発生します。</p>
<h2 id="Specification" name="Specification">仕様書</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様書</th>
<th scope="col">策定状況</th>
<th scope="col">コメント</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSSOM', '#dom-cssstylerule-selectortext', 'CSSStyleRule.selectorText')}}</td>
<td>{{Spec2('CSSOM')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>
<p>{{Compat("api.CSSStyleRule.selectorText")}}</p>
|
