После долгих копаний, нашел в нете, что оказывается нельзя обратится к свойству CSS, если оно записано не в самом тэге... Я новичек, так что попробую на примерах объяснить:
<style>
.a {
visibility: visible;
display: block;
width: 100%;
height: 50px;
background: red;
}
</style>
<div
class='a' id='main'></div>
<input type='button' class='b' onclick= 'showhide()' value='Hide'>
<script>
function showhide(){
var i= document.getElementById('main')
if (i.style.visibility == 'visible'){
>>>>>>>>>>>>> // FALSE
i.style.visibility= 'hidden'}
else{
i.style.visibility= 'visible'}
}
</script>
А вот так всё отлично:
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<style>
.a {
display: block;
width: 100%;
height: 50px;
background: red;
}
.b {
margin-top: 10px;
}
</style>
<div class='a' id='main'
style='visibility: visible'></div>
<input type='button' class='b' onclick= 'showhide()' value='Hide'>
<script>
function showhide(){
var i= document.getElementById('main')
if (i.style.visibility == 'visible'){
>>>>>>>>>>> //TRUE
i.style.visibility= 'hidden'}
else{
i.style.visibility= 'visible'}
}
</script>
</body>
</html>
Поэтому вопрос!
как обращаться к свойствам, которые прописаны в <style></style> ?