Как задействовать HTML дисплей с помощью JavaScript

Вот несложный JavaScript-трюк, который помогает контролировать настройки дисплея. Мы установим дисплей элемента на ноль, и затем используем функцию JavaScript, чтобы задействовать дисплей, когда пользователь кликает на что-нибудь другое.

Шаги

1. 1 Создайте контент (для задействования дисплея) в контейнере. <div ID="content" style="display:block;">Это контент.</div>
2. 2 Вставьте код JavaScript, чтобы изменить дисплей. <script type="text/javascript"> function toggleContent() { // Получите ссылку DOM var contentId = document.getElementById("content"); // Задействуйте contentId.style.display == "block" ? contentId.style.display = "none" : contentId.style.display = "block"; } </script>
3. 3 Используйте event handler, чтобы задействовать функцию. <button onclick="toggleContent()">Toggle</button>

Советы

• Посмотрите примеры исходного кода на Circlecube