ExtJs之Ext.util.CSS

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

<code>&lt;!</code><code>doctype</code> <code>html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>title</code><code>&gt;extjs&lt;/</code><code>title</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>meta</code> <code>http-equiv="content-type" content="text/html; charset=utf-8"/&gt;</code>

<code>    </code><code>&lt;</code><code>link</code> <code>rel="stylesheet" type="text/css" href="extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/ext-all.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/bootstrap.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/packages/ext-theme-crisp/build/ext-theme-crisp.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>            </code><code>ext.onready(function(){</code>

<code>        </code><code>var panel = new ext.panel({</code>

<code>          </code><code>title: 'sample',</code>

<code>          </code><code>renderto: 'sub1',</code>

<code>          </code><code>width: '500px',</code>

<code>          </code><code>html: '&lt;</code><code>div</code> <code>id="div0" style="height:260px;padding:5px" class="myclass"&gt;我是内容部分&lt;/</code><code>div</code><code>&gt;'</code>

<code>          </code><code>});</code>

<code>          </code><code>ext.util.css.createstylesheet('.myclass{color:red}', 'the');</code>

<code>          </code><code>var cssobj = ext.util.css.getrule(".myclass", true);</code>

<code>          </code><code>ext.msg.alert("擷取的資訊", "建立樣式表" +</code>

<code>            </code><code>'&lt;</code><code>br</code><code>&gt;擷取myclass樣式表中規則的字型顔色:' + cssobj.style.color);</code>

<code>      </code><code>});</code>

<code>    </code><code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>div</code> <code>id=sub1&gt;&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>