Cet article décrit la méthode de la mise en œuvre du contenu du fichier JS après avoir caché des éléments du même niveau. Partagez-le pour votre référence, comme suit:
Après avoir ouvert le fichier Demo.html ici, il affichera brièvement des éléments du même niveau que le fichier JS et masquera immédiatement ces éléments, et affichera le contenu du fichier Demo.js du même niveau. Le code spécifique est le suivant:
Demo.html:
<! Doctype html> <html lang = "zh-cn"> <éad> <méta charse = "utf-8"> <itle> </ title> </ head> <pody> <p> Informations de tête </p> <v> <p> Fall </p> <p> qui vous a demandé de réciter la chute d'eau </p> <p> qui vous a demandé de réciter la chute d'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute d'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> Fall </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <script type = "Text / Javascript" La chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute d'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> <p> qui vous a demandé de réciter la chute de l'eau </p> Informations </p> </ body> </html>
Demo.js:
Document.Writeln ("<div id = /" ContSonOnly / ">"); document.Writeln ("<p> Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu. "); Document.writeln (" </div> "); window.onLoad = function () {var contasonOnly = document.getElementyid (" ContSonOnly "); var contgarent = contononly.parentNode; var contonlist = contparent.children; pour (var i = 0; i <contonList.length; i ++) {if (contSonList [i]! = ContSonOnly) {ContSonList [i] .style.display = "Aucun"; }}}Les rendus sont les suivants:
Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé de l'algorithme de traversée JavaScript et compétences", "Résumé des compétences JavaScript Switching Special Effects", "Résumé des effets spéciaux de la recherche JavaScript", "Résumé des erreurs de données javascript et compétences en algorithme "et" Résumé de l'utilisation de l'opération mathématique JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.