Скрыть кнопку Materialize CSS - PullRequest
Новая
       4

Скрыть кнопку Materialize CSS

0 голосов
/ 02 июня 2019

Я хотел бы скрыть кнопку 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>

Ответы [ 3 ]

0 голосов
/ 02 июня 2019

Вы можете установить стиль кнопки 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>
0 голосов
/ 02 июня 2019

Попробуйте это 

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

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

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

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

0 голосов
/ 02 июня 2019 
document.getElementById("btnViewJS").style.display='none'
...