http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FJavascript_Objects%2FstyleSheet
JavaScript DHTML/Javascript Objects/styleSheet - История изменений
2026-04-05T13:00:50Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Javascript_Objects/styleSheet&diff=2704&oldid=prev
в 10:00, 26 мая 2010
2010-05-26T10:00:07Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:00, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Javascript_Objects/styleSheet&diff=2705&oldid=prev
Admin: 1 версия
2010-05-26T07:23:25Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==StyleSheet: owningElement==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<style id="myS"><br />
#myP1 { <br />
color:red; <br />
font-family:verdana; <br />
font-size:16 <br />
}<br />
#myP2 { <br />
color:green; <br />
font-family:times new roman; <br />
font-size:18 <br />
}<br />
</style> <br />
<p id="myP1">text.</p><br />
<p id="myP2">text.</p><br />
<input type="button" value="owningElement" onclick="function1();"><br />
<script language="JavaScript"><br />
function function1() {<br />
var m = document.styleSheets[0].owningElement.id;<br />
alert(m); <br />
} <br />
</script><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Style Sheet "readOnly"==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<style><br />
#myP1 { color:red; font-family:verdana; font-size:16 }<br />
#myP2 { color:green; font-family:times new roman; font-size:18 }<br />
</style><br />
<p id="myP1">This is a sample text.</p><br />
<p id="myP2">This is a second sample text.</p><br />
<input type="button" value="style sheet source" onclick="function1();"><br />
<script language="JavaScript"><br />
function function1() {<br />
var m = document.styleSheets[0].readOnly;<br />
if (m == true) {<br />
alert("The style sheet is defined on the page");<br />
} else {<br />
alert("The style sheet is imported");<br />
}<br />
}<br />
</script><br />
</body></html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==styleSheet rules==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<style>body {background-color: white;}</style><br />
<button onclick="document.styleSheets(0).rules(0).style.backgroundColor = "blue";"><br />
Change color<br />
</button><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==StyleSheets cssRules==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style><br />
#Layer1 { <br />
font-family:Verdana; <br />
color:blue <br />
}<br />
</style><br />
<script language="JavaScript"><br />
function function1() {<br />
var n = document.styleSheets[0].cssRules;<br />
alert(n);<br />
}<br />
</script><br />
</head><br />
<body><br />
<div id="Layer1" <br />
style="position:absolute; <br />
width:264px; <br />
height:147px; <br />
z-index:1; <br />
background-color: #FFFF99; <br />
layer-background-color: #FFFF99; <br />
border: 1px solid #000000;"><br />
div element content.<br />
</div><br />
<button onClick="function1();">Click here</button><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==styleSheets "pseudoClass" ==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<style>@page:first { background-color: blue; }</style><br />
<script language="JavaScript"><br />
function function1() {<br />
var m = document.styleSheets[0].pages[0];<br />
alert(m.pseudoClass);<br />
}<br />
</script><br />
</head><br />
<body><br />
<button onclick="function1();">First @page</button><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Style Sheets title==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<style id="yourStyleSheet"><br />
.body { font-family:verdana; color:blue }<br />
</style><br />
<script language="JavaScript"><br />
document.getElementById("yourStyleSheet").title = "This is my internal style sheet";<br />
alert(document.styleSheets[0].title);<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Style Sheet type==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<link id="myStyle" rel="stylesheet" href="yourstyle.css" type="text/css"><br />
<script language="JavaScript"><br />
function function1() {<br />
alert(document.styleSheets[0].type);<br />
}<br />
</script><br />
<input type="button" value="Click here" onClick="function1();"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==stylesSheets.imports parent Style Sheet==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<style id="myStyle" type="text/css">@import url("external.css");</style> <br />
<p id="myP1">sample text.</p><br />
<p id="myP2">sample text.</p><br />
<input type="button" value="The parent style sheet" onclick="function1();"><br />
<script language="JavaScript"><br />
function function1() {<br />
alert(document.styleSheets[0].imports[0].href);<br />
}<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin