Скрыть HTML с помощью javascript

#javascript #css #html #visibility

#javascript #css #HTML #видимость

Вопрос:

Я пытаюсь создать простую игру о скользящих ледяных блоках. Тем не менее, я протестировал этот JSFiddle и хочу «скрыть» изображение / кнопку в строке alert('Game starts!'); . Я пытался startButton.style = "visibility: hidden;"; , но это не сработало…

Мне нужно только решить эту проблему, я знаю, как закодировать саму игру 🙂

Ответ №1:

Добавление этого после предупреждения, похоже, работает.

this.style.display = 'none';

обновленная скрипка

1. Приятно, что это сработало, спасибо 🙂 Есть ли возможность, чтобы написать «onclick функции-функции» в себе .данные на JS или мне действительно нужно написать это в <script> tag?

Ответ №2:

попробуйте document.getElementById(«StartButton»).style.display=»нет»

Ответ №3:

попробуйте

  document.getElementById("startButton").style.visibility = 'hidden';

Ссылка на HTMLElement.style (MDN)

Ответ №4:

Вы также можете использовать пользовательский интерфейс jQuery, в котором есть метод «скрыть». Затем вы можете просто сказать $('.startButton').hide() , что можете даже применять разные эффекты.

Однако это приведет к отсутствию видимости, удаляя объект из DOM. Если вас это не волнует, все в порядке, но это следует иметь в виду.

1. Еще одним преимуществом использования jQuery является то, что вам не нужно писать весь специализированный код, который гарантирует его выполнение во всех возможных браузерах — jQuery сделает большую часть этого за вас

Ответ №5:

 startButton.onclick = function()
{
   startButton.style.visibility="hidden";
   /* OR
   startButton.style.display="none";
   */
   alert('Game starts!');
}