Показать сообщение отдельно
  #1 (permalink)  
Старый 14.12.2012, 01:18
Новичок на форуме
Отправить личное сообщение для Дмитрий 87 Посмотреть профиль Найти все сообщения от Дмитрий 87
 
Регистрация: 14.12.2012
Сообщений: 7

Как обратиться к свойству CSS через JS?
После долгих копаний, нашел в нете, что оказывается нельзя обратится к свойству 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> ?
Ответить с цитированием