Как поменять css код с помощью JavaScript?

Question

[MADMN]

Как сделать с помощью JavaScript, что бы скрипт менял в этом коде

<style type="text/css">
#example {
display:none;
}
</style>

на

<style type="text/css">
#example {
display:block;
}
</style>

Answer 1

[A K]

Зачем подключать jQ, если есть js

document.getElementById('example').style.display = 'block';

Comments

[MADMN]

Спасибо больше!

[Александр Аксентьев]

да он уже практически везде есть, по дефолту всегда сразу мысли в сторону jquery функций

[Александр Таратин]

Александр Аксентьев: ага i.stack.imgur.com/ssRUr.gif

[A K]

Александр Таратин: Александр Таратин:
Задача:
«Показать блок»

Решение 1:
1. Подключить библиотеку на ~90Кб;
2. Прописать тег подключения библиотеки;
3. Написать сам скрипт показа

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
        $(function(){
                 $('#example').css({'display':'block'});
        });
</script>

Решение 2:

<script>
        document.getElementById('example').style.display='block';
</script>

[Александр Таратин]

Symphony: Я сам за ванильку, хотя src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
Это не 90кб а 0.

[A K]

Александр Таратин: Это в лучшем случае загружают с серверов Гугла

Answer 2

[Александр Аксентьев]

api.jquery.com/css

Почему не изменить элемент напрямую, зачем css ворошить встроенный в страницу к тому же?

Comments

[MADMN]

Все ок.. можете помочь с кодом?