JavaScript не сохраняет свойства стиля

У меня проблема с моим сайтом. Я хочу, чтобы показать DIV на кнопку мыши и скрыть его на другую кнопку мыши, поэтому я использую функцию JavaScriptJavaScript не сохраняет свойства стиля

function DisplayMessage() { 
     var messagebox = document.getElementById("messageConfirmation"); 
     messagebox.style.display = "block"; 
    } 
    function HideMessage() { 
     var messagebox = document.getElementById("messageConfirmation"); 
     messagebox.style.display = "none"; 
    }

, но когда я использую их <div> показывает и скрываю лишь мгновение, а затем появляется/исчезает снова, я действительно не знаю, что может вызвать такую проблему, поэтому я буду очень благодарен за ваши ответы. Полный код HTML страницы:

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title></title> 
    <meta charset="utf-8" /> 
    <style type="text/css"> 
     div.wrap { 
      width: 850px; 
      margin: 0 auto; 
     } 
     div.messageBox{ 
      display:none; 
      width:500px; 
      height:60px; 
      background-color: rgb(200, 200, 175); 
     } 
    </style> 
    <script> 
     function DisplayMessage() { 
      var messagebox = document.getElementById("messageConfirmation"); 
      messagebox.style.display = "block"; 
     } 
     function HideMessage() { 
      var messagebox = document.getElementById("messageConfirmation"); 
      messagebox.style.display = "none"; 
     } 
    </script> 
    </head> 
    <body> 
    <div class="wrap"> 
     <div class="messageBox" id="messageConfirmation" > 
      <p>Message</p> 
      <form> 
       <button onclick="HideMessage()">HideME</button> 
      </form> 
     </div> 
     <div> 
      <form> 
       <button onclick="DisplayMessage()">ShowMe</button> 
      </form> 
     </div> 
    </div> 

</body> 
</html>

источник

2016-03-11 MasterUZ

По умолчанию <button> внутри <form> элемента будет действовать как кнопка submit, так как только ваш код работает, форма представления и страница обновляется, поэтому он возвращается к своему старому государство. Меняем type к button для того, чтобы достичь того, чего вы хотите:

<button type="button" onclick="HideMessage()">HideME</button>

источник

2016-03-11 18:03:01

на месте. Quibble: Это не значит, что он * действует *, как кнопка отправки, это то, что она * является кнопкой отправки. По умолчанию 'type'' '' '' 'submit' '. –

@ T.J.Crowder Спасибо за ваше редактирование. –

Спасибо большое. Вы сохранили мой проект. – MasterUZ

JavaScript не сохраняет свойства стиля

ответ

Смежные вопросы