blob: 5f1cfa645e1a2569fa16dc6fe17f36d947d613ce (
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
|
---
title: Element.currentStyle
slug: orphaned/Web/API/Element/currentStyle
tags:
- API
- NeedsExample
- Non-standard
- Property
translation_of: Web/API/Element/currentStyle
original_slug: Web/API/Element/currentStyle
---
<p>{{Non-standard_header}}</p>
<p class="summary"><span class="seoSummary"><strong><code>Element.currentStyle</code></strong> は独自プロパティで、標準化されている {{DOMxRef("window.getComputedStyle()")}} メソッドに似ているものです。</span>古いバージョンの Microsoft Internet Explorer で使用できます。しかし、 <code>window.getComputedStyle()</code> がピクセル数で値を返すのに対し、これは CSS で設定された単位で返します。</p>
<h2 id="Polyfill">ポリフィル</h2>
<div class="note">
<p>このポリフィルは値をピクセル数で返しますが、値を読むたびに {{domxref("window.getComputedStyle()")}} を呼び出さなければならないため、かなり遅くなると思われます。</p>
</div>
<pre class="brush: js">/* すべての著作権をパブリックドメインに寄贈します。
* http://creativecommons.org/publicdomain/zero/1.0/ */
if (!("currentStyle" in Element.prototype)) {
Object.defineProperty(Element.prototype, "currentStyle", {
get: function() {
return window.getComputedStyle(this);
}
});
}
</pre>
<h2 id="Specifications">仕様書</h2>
<p>どの仕様書にも含まれていません。</p>
<p>Microsoft は <a href="https://web.archive.org/web/20150629144515/https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">MSDN で説明しています</a>。</p>
<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
<p>{{Compat("api.Element.currentStyle")}}</p>
<h2 id="See_also">関連情報</h2>
<ul>
<li>{{DOMxRef("Element.runtimeStyle")}}</li>
<li>{{DOMxRef("window.getComputedStyle()")}}</li>
</ul>
<div>{{APIRef("DOM")}}</div>
|
