2010-11-13 9 views
0

En cliquant sur le bouton, je veux masquer la div. Comment fait-on ça?Masquage des éléments avec javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 
<script language="javascript" type="text/javascript"> 
function button() 
{ 
    var a = document.getElementById('approve'); 
    document.getElementById('p').innerHTML= 'Fred Flinstone'; 


} 
</script> 

<body> 
<div id="hide"> 
<form> 
<p id="p">heya</p> 

<input type="button" id='approve' value="approve" onclick="button()"/> 
<input type="button" id="reject" value="reject"/> 
</form> 

</div> 
</body> 
</html> 

DÉSOLÉ POUR DEMANDER DE NOUVEAU ... MAIS POURRAIT NE PAS TROUVER UNE MEILLEURE MÉTHODE. MERCI

Répondre

1
document.getElementById('hide').style.display = 'none'; 

Ceci définit le code CSS display: none; sur la div, ce qui provoque le moteur de rendu du navigateur pour agir comme l'élément est même pas sur la page (par exemple n'occupe pas d'espace). Voir le CSS standard pour la description officielle.

+0

Super facile. Merci. – ryan

0

Vous pouvez simplement utiliser Jquery pour rendre les choses super facile:

$("#approve").click(function() { 
    $("div#hide").hide() //you can just use $("#hide") if you want 
}); 

Vous pouvez afficher l'élément chaque fois que vous voulez avec $("div#hide").show(). Cela vous évitera d'avoir à faire face à des incohérences de navigateur et d'autres conneries afin que vous puissiez simplement vous concentrer sur la production de code lisible. :)

0

Si vous utilisez jQuery:

$(document).ready(function() { 
    $('#approve').click(function() { 
    $('#hide').hide(); 
    }); 
}); 
Questions connexes