Explication détaillée des exemples d'utilisation de javascript afficher/masquer, créer/supprimer des éléments HTML-js tutoriel-php.cn

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

伊谢尔伦

Libérer： 2017-07-18 15:32:40

original

2069 Les gens l'ont consulté

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>

Copier après la connexion

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

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

Copier après la connexion

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)">

Copier après la connexion

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";

Copier après la connexion

Méthode 2 :

<🎜. >

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

Copier après la connexion

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(&#39;div2js&#39;);
 el.parentNode.removeChild(el);

Copier après la connexion

2. Utilisez JQuery

pour le rechercher et le supprimer directement.

$(&#39;#div2js&#39;).remove();

Copier après la connexion

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!