HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
Javascript
ÀÛ¼º  2011-12-15 11:40:19   Ãßõ: 97   Á¶È¸: 41093
Á¦¸ñ  ÀÚ¹Ù½ºÅ©¸³Æ®·Î ½ºÅ¸ÀÏ Á¦¾îÇϱâ
À̸§(ID)  Áö¿ì (ziwoo)
[¿¹Á¦1]
<head>
    <style id="myStyle">
        .red {
            color: red;
        }
    </style>

    <script type="text/javascript">
        function GetSelector () {
            var styleTag = document.getElementById ("myStyle");

                // the style sheet in the style tag
            var sheet = styleTag.sheet ? styleTag.sheet : styleTag.styleSheet;

                // the first rule in the style sheet
            var rules = sheet.cssRules ? sheet.cssRules : sheet.rules;
            var firstRule = rules[0];

            alert (firstRule.selectorText);
        }
    </script>
</head>
<body>
    <button onclick="GetSelector ()">Get the selector component!</button>
    <br /><br />
    <div class="red">red division</div>
    <div>non-red division</div>
    <span class="red">red span</span>
</body>


[¿¹Á¦2]
<head>
    <style id="myStyle">
        .red {
            color: red;
        }
    </style>
    <script type="text/javascript">
        function ChangeRedColor () {
            var styleTag = document.getElementById ("myStyle");

                // the style sheet in the style tag
            var sheet = styleTag.sheet ? styleTag.sheet : styleTag.styleSheet;
           
                // the first rule in the style sheet
            var rules = sheet.cssRules ? sheet.cssRules : sheet.rules;
            var firstRule = rules[0];

                // change the color
            firstRule.style.color = "#00ff00";
        }
    </script>
</head>
<body>
    <button onclick="ChangeRedColor ()">Change the color of the '.red' style rule!</button>
    <br /><br />
    <div class="red">red division</div>
    <div>non-red division</div>
    <span class="red">red span</span>
</body>


[¿¹Á¦3]
<head>
    <link id="myLink" rel="stylesheet" type="text/css" href="red.css" />
    <script type="text/javascript">
        function ChangeRedColor () {
            var linkTag = document.getElementById ("myLink");

                // the imported style sheet
            var importedSheet = linkTag.sheet ? linkTag.sheet : linkTag.styleSheet;
   
                // the first rule in the style sheet
            var rules = importedSheet.cssRules ? importedSheet.cssRules : importedSheet.rules;
            var firstRule = rules[0];

                // change the color
            firstRule.style.color = "#00ff00";
        }
    </script>
</head>
<body>
    <button onclick="ChangeRedColor ()">Change the color of the '.red' style rule!</button>
    <br /><br />
    <div class="red">red division</div>
    <div>non-red division</div>
    <span class="red">red span</span>
</body>
¹øÈ£ Á¦¸ñ À̸§ ³¯Â¥ Ãßõ Á¶È¸
Áß¿ä À§ÁöÀ¨(WYSIWYG) À¥¿¡µðÅÍ ÀÔ´Ï´Ù.[28]ÆÄÀÏ Áö¿ì 2006-09-23 174 29136
56 form ű׾ȿ¡ input typeÀÌ Çϳª»ÓÀ϶§ ¿£.. Áö¿ì 2020-12-04 1 2040
55 Á¦ÀÌÄõ¸®(JQuery)¸¦ Ȱ¿ëÇÑ ¶óµð¿À, üũ¹Ú.. Áö¿ì 2017-07-05 54 6232
54 ÃÖ±Ù ¸ÞÀϼ­ºñ½º ¸®½ºÆ® Áö¿ì 2016-06-26 45 9517
53 IE ¹öÀü ±¸ºÐ Á¤±Ô½Ä Áö¿ì 2013-07-07 73 10117
52 ÀÚ¹Ù½ºÅ©¸³Æ®·Î ½ºÅ¸ÀÏ Á¦¾îÇϱâ Áö¿ì 2011-12-15 97 41093
51 attachEvent, addEventListener Ȱ¿ë Áö¿ì 2011-12-07 63 9393
50 Drag&DropÀ» ÀÌ¿ëÇÑ Áø¿­¼ø¼­ º¯°æÆÄÀÏ Áö¿ì 2011-11-19 73 31212
49 ºñ¹Ð¹øÈ£ ÀÔ·ÂÇü½Ä º¯È¯ Áö¿ì 2011-11-16 50 3647
48 ÆäÀ̵å È¿°ú ¹× ·ÎÅ×ÀÌ¼ÇÆÄÀÏ Áö¿ì 2011-11-10 47 4289
47 À̸ÞÀÏ À¯È¿¼º Á¤±Ô½Ä - ÀÚ¹Ù½ºÅ©¸³Æ® Áö¿ì 2011-06-03 63 4876
46 < tab1 tab2 tab3 tab4 tab5 >[3] ÓÞÔ³ 2011-02-05 55 4343
45 ÇÔ¼ö¸íÀ» º¯¼ö·Î ÇØ¾ßÇÒ ¶§ Áö¿ì 2010-04-11 73 7137
44 ´Þ·Â - ³¯Â¥ÀԷ±â(Date Picker)ÆÄÀÏ Áö¿ì 2010-04-11 93 24459
43 Áß¾ÓÁ¤·Ä ȨÆäÀÌÁö¿¡ ·¹À̾î ÁÂÇ¥¸ÂÃß±â Áö¿ì 2009-12-10 89 6420
42 ÀÚ¹Ù½ºÅ©¸³Æ® À̺¥Æ® Çڵ鷯 (Event Handl.. Áö¿ì 2009-11-13 75 4176
41 ³¯Â¥ ´õÇϱâ & ½Ã°£ ´õÇϱâ ÇÔ¼ö Áö¿ì 2009-10-31 80 15130
40 µ¿ÀûÅ×À̺í TR Ãß°¡ Áö¿ì 2009-10-31 73 6087
39 IE ¼³°èº¯°æ ÆÐÄ¡ Çߴµ¥¿ä...¿Ö ¾ÈµÇ´ÂÁö...[2]ÆÄÀÏ ÃÖÇý°æ 2008-06-11 93 7856
38 Áö¿ì´Ô... µµ¿ÍÁÖ¼¼¿ä.. ¤Ì_¤Ì[2] ±è¿µÇÊ 2008-01-11 102 4698
[1][2][3]
Á¦¸ñ ³»¿ë À̸§  
ziwooboard v1.0
Contact Phone Number
Bank Account number
ns1.ziwoo.net (115.160.123.41)
ns2.ziwoo.net (115.160.123.41)
Naver BLOG : http://blog.ziwoo.net
Family Homepage : http://home.ziwoo.net
Copyright ¨Ï 2006 By Ziwoo.net All right reserved. Administrator.ziwoonet@naver.com