Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Элементарный Javascript не меняет свойство текста (https://javascript.ru/forum/events/47419-ehlementarnyjj-javascript-ne-menyaet-svojjstvo-teksta.html)

free_style 23.05.2014 09:29

Элементарный Javascript не меняет свойство текста
 
Всем привет!

Вот текст моего небольшого кода:

Код:

<html>
<head>
<style>
        .fon {
                color:blue;
        }
        </style>
</head>
<body>

<span class="fon" onclick="pusk()">GHTF</span>

<script>
        function pusk(){
                document.classes.fon.all.color = black;
        }
</script>
</body>
</html>

Я понимаю задача плевая, но тем не менее скрипт не отрабатывается.
Может кто поможет?

devote 23.05.2014 09:32

document.querySelector('.fon').style.color = 'black';
или
document.getElementsByClassName('fon')[0].style.color = 'black';

free_style 23.05.2014 09:38

Большое спасибо! А то задача плевая, а с правилами написания скрипта так намучился.

рони 23.05.2014 10:00

:)
<!DOCTYPE HTML>
<html>
<head>
<style>
	.fon {
		color:blue;
	}
	</style>
</head>
<body>

<span class="fon" onclick="pusk()">GHTF</span>

<script>
	function pusk(){
      document.styleSheets[0].cssRules[0].style.color = 'black'
	}
</script>
</body>
</html>


Часовой пояс GMT +3, время: 02:46.