Explication détaillée des exemples d'utilisation de javascript afficher/masquer, créer/supprimer des éléments HTML

Afficher/Masquer

1. Écrivez la fonction js

<script type="text/javascript"> 
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} 
function $(s){return document.getElementById(s);} 
</script>

2. Ajoutez l'attribut id à l'élément html à afficher/masquer

<table> 
<tr id="menu" > 
<td>控制这个tr的显示/隐藏</td> 
</tr> 
</table>

3. . pour déclencher la fonction js

<input type="button" onclick="display(&#39;menu&#39;)" value="显示/隐藏"/> 
<a href="#" onclick="display(&#39;menu&#39;)" >显示/隐藏</a> 
javascript显示隐藏层<div id="layer" style="display:none;">广告</div> 
<input type="botton" onclick="display(layer)">

2 : Deux méthodes pour JavaScript pour contrôler le masquage et l'affichage des contrôles de page
Deux méthodes pour JavaScript pour contrôler le masquage et l'affichage des contrôles de page. La différence entre les méthodes est de savoir si le contrôle est toujours là après avoir été masqué.
Méthode 1 :

document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible";

Méthode 2 :

<🎜. >

document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline";

Méthode 1 Après masquage, la position de la page est toujours occupée par le contrôle, mais elle n'est pas occupée par le contrôle Affichage

La position de la page après masquage dans la méthode 2 n'est pas occupée
.

Créer/Supprimer

Si je veux créer un élément div.

1. Créez à l'aide d'objets DOM :

Utilisez la méthode document.createElement('div') pour créer des éléments.

2. Utilisez JQuery pour créer :

Utilisez la méthode $('

Nouvel élément créé par JQuery

') pour créer l'élément directement.

Si vous devez supprimer l'élément div avec l'ID 'div2js'.

1. Utilisez l'objet DOM

Tout d'abord, vous devez trouver l'élément parent de l'élément supprimé et supprimer les éléments enfants qui doivent être supprimés via l'élément parent.

var el = document.getElementById('div2js');
 el.parentNode.removeChild(el);

2. Utilisez JQuery

pour le rechercher et le supprimer directement.

$('#div2js').remove();

Enfin, regardons un exemple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!