Скрыть кнопку «Материализировать CSS»

Я хотел бы скрыть кнопку materializeCSS с помощью javascript. Вот мой код, но он не скрывает кнопку. Он работает в стандартном HTML, но не при использовании materializeCSS.

<button id = "btnViewJS" onclick = "doStuff2()" class = "waves-effect waves-light btn-small blue"><i class = "material-icons left">assignment</i>View New Job Sheet</button>
<script>document.getElementById("btnViewJS").hidden=true; </script>

javascript materialize

02.06.2019 08:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

2 254

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

document.getElementById("btnViewJS").style.display='none'

02.06.2019 08:49

Вы можете установить стиль display css кнопки на none вместо этого:

<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
            
<button id = "btnViewJS" onclick = "doStuff2(this)" class = "waves-effect waves-light btn-small blue"><i class = "material-icons left">assignment</i>View New Job Sheet</button>
<script>
  function doStuff2(elem) {
    elem.style.display = 'none';
  }
</script>

02.06.2019 08:50

Попробуй это

document.getElementById("btnViewJS").style.visibility = "hidden";

Также это будет работать

document.getElementById("btnViewJS").style.display = "none";

Первый скроет элемент, но сохранит фиксированные соседние элементы, второй отобразит страницу, так как кнопки нет.

02.06.2019 08:51

Другие вопросы по теме

Обрезать диапазон внутри td

Материализовать раскрывающийся список css в поле ввода

Символы, появляющиеся в URL-адресе после открытия модального окна

Квадратные ячейки в таблице Materialise

Как исправить раскрывающийся фильтр Datatables, дважды щелкните его, чтобы открыть?

Что-то не так со стилем навигации

Обновление materializecss с 0.100.1 до 1.0.0 приводит к множественным ошибкам JavaScript

Материализовать средство выбора даты не открывается внутри модального окна

Центрируйте каждую метку вокруг переключателя с двумя или более линиями

Как инициализировать полную ширину карусели и индикаторы с помощью ванильного java-скрипта в материализации?

Скрыть кнопку «Материализировать CSS»

Ответы 3

Другие вопросы по теме

Похожие вопросы