使用Java脚本关闭模式（Metro UI）

Question

I am trying to create a button which closes the modal, but I can not find the right syntax in javascript which closes the modal, default it brings a close-button but I need an additional button to close the modal.

Code goes Like this:

<div id="textContent" style="margin: 4px; padding: 8px">
<br>
<table>
<tr>
  <td align=right>
   <label for="" class="form">Puesto de Trabajo:</label>
  </td>
  <td>
    <div class="input-control text">
     <input type="text" name="txtPuesto" id="txtPuesto" value="'+puesto+'">
     <button class="btn-clear" tabindex="-1"></button>
    </div>
  </td>
</tr>
<tr>
 <td align=\'right\'>
  <label for="" class="form">Sucursal:</label>
 </td>
 <td>
  <div class="input-control select">
   <select name="SelSucursal" id="SelSucursal" onchange="Select(this.value);">
    <option value="">-Seleccione-</option>
   </select>
  </div>
 </td>
</tr>
<tr>
 <td align=\'right\'>
  <label for="" class="form">Departament:</label>
 </td>
<td>
 <div class="input-control select" id="deptoss">
  <select name="SelDepto" id="SelDepto">
   <option value="">-Choose-</option>
  </select>
 </div>
</td>
</tr>
<tr>
 <td colspan="2">
  <br>
  <div class="place-right">
   <a class="button primary" id="gd02" onclick=\'javascript:UpdateJobPlace('place')\'>Save Changes </a>
  </div>
 </td>
</tr>
</table>
<br>
</div>

hope you can help me. Thanks

Answer 1

将data-dismiss="modal"到您的按钮。

Answer 2

This might do the trick for you.

object.onclick=function() {
    modal.style.display = "none";
};