Windows data recovery software full version free download

  • Mac data recovery software full version free download

  •   1, Introduction DOM.

      Lorsque la page se charge, le navigateur créer un modèle objet de document de la page (Model Document Object).Modèle d''objet de document de manière standard pour accéder et manipuler la définition d''un document HTML.Le document DOM HTML présenté comme une structure arborescente avec des éléments, attributs et texte arbre noeud.Par DOM, JS peut créer HTML dynamique, la page Web peut afficher des effets dynamiques et d''interagir avec la fonction de l''utilisateur.JS peut changer la page tous les éléments HTML, les attributs et les styles CSS et de répondre à toutes les pages des événements.Ainsi, le point de départ est de traiter l''apprentissage JS page Web, la page que vous avez besoin d''utiliser l''opération de traitement DOM.

      2, les éléments DOM acquis.

      JS Pour manipuler des éléments HTML, vous devez trouver avant tout l''élément.En général, fait en utilisant les méthodes suivantes:

      Trouver des éléments HTML avec l''ensemble de l''élément id.

      Trouver des éléments HTML par nom de la balise.

      Nom (nom) ensemble par des éléments HTML FIND élémentaire.

      Le soi-disant DOM, en fait, le document, l''acquisition de documents est l''élément de commande.

      (1), les éléments trouvés par identifiant

      Méthodes: Document.getElementById ( ''id'');

      Page en combinant les informations d''étiquette, les valeurs d''attribut id sont uniques, comme les cartes d''identité, peuvent être trouvés par une personne correspondant à la carte d''identité, de sorte que cette méthode peut être obtenue avec l''étiquette correspondante, l''élément acquis est un objet JS, si vous voulez utiliser les éléments, vous êtes tenu par sa propriété ou méthode.

      (2), trouver les éléments par nom de la balise

      Méthodes: Document.getElementsByTagName ( ''Tagname'');

      Par cette méthode, le retour d''une collection d''objets avec le nom de l''étiquette spécifiée, également sous la forme d''un tableau de rendement, ordonner le retour de leur ordre dans le document.

      (3), de trouver des éléments par nom

      Méthodes: Document.getElementsByName ( ''nom'');

      Cette méthode méthode getElementById () est un peu similaire, est de trouver les éléments en définissant la valeur de la propriété, mais la méthode est de trouver des éléments par nom des valeurs de propriété.L''attribut name ne peut pas être unique dans le document, il est également la méthode renvoie un ensemble d''éléments, plut?t que d''un élément.

      

      

      

      

      

      

      

      

      

      étant donné que vous pouvez trouver des éléments par ID, vous pouvez trouver les éléments par classe.nom du cours nom de classe pour les ensembles d''éléments d''attributs de classe ou des retours.

      Syntaxe: objet.className = ''className''

      Cette méthode permet de contr?ler le nom de classe de la classe, retourne l''attribut de classe de l''élément, il est de changer l''élément peut être un élément d''une page Web désignée pour l''apparition d''un className.

      Exemple: effet peeling web simple

      

      

      

      

      网页换肤

      

      

      

      Cliquez pour passer:

      

      

      

      

      

      

      

      Ceci est juste un simple effet de commutation de la couleur de fond, si vous voulez changer le style général de la page, vous pouvez utiliser un fichier CSS externe, modifiez l''attribut href de la balise de lien pour compléter par JS.

      Si vous souhaitez définir le style du même élément multiple nom de classe de classe, vous devez utiliser un ensemble de méthodes pour compléter son principe de mise en ?uvre est très simple, d''abord obtenir son élément parent par identifiant, puis obtenir le nom de l''étiquette de tous les éléments de l''enfant sous l''élément parent, Obtient le retour du nom d''étiquette un ensemble d''éléments, et donc vous pouvez accéder à la même méthode pour accéder à un ensemble d''éléments de tableau, utilisez la boucle d''abord à travers le réseau d''éléments, une décision finale, si cet élément est égal aux valeurs d''attributs de classe className nous ensemble , il est dit que c''est un élément que nous recherchons.

      Exemple: une liste ordonnée de toute la valeur d''attribut de classe ? col ? éléments couleur de fond vert.

      

      

        

    1. Hot spot
    2.   

    3. Nourriture
    4.   

    5. Numérique
    6.   

    7. Science et technologie
    8.   

    9. société
    10.   

    11. Santé
    12.   

      

      

      Ce qui suit est une fonction d''acquisition du paquet par une valeur d''attribut de classe de l''élément, pour une utilisation ultérieure.

      

      

      

      

      封装getByClass函数

      

      

      

      

        

    1. Hot spot
    2.   

    3. Nourriture
    4.   

    5. Numérique
    6.   

    7. Science et technologie
    8.   

    9. société
    10.   

    11. Santé
    12.   

      

      

      

      3, les opérations DOM.

      Après avoir obtenu les éléments HTML, une opération correspondante peut être effectuée.

      (1), modifier le code HTML

      L''utilisation des propriétés innerHTML lorsque la meilleure fa?on de modifier le contenu HTML.nom innerHTML suggère, intérieur est interne, car il est HTML, il peut être placé dans le HTML.Cette propriété peut être utilisée pour remplacer les éléments acquisition de contenu et HTML.

      Syntaxe: Document.getElementById (id).innerHTML = new HTML

      

      titre original

      

      

      

      

      (2), les attributs de l''élément d''exploitation

      Modifier élément attributs Le plus simple est de modifier directement la syntaxe: documents.getElementById (id).Nom de la propriété = nouvelle valeur telle que la modification du chemin d''accès à l''attribut src image.

      En plus des méthodes DOM peuvent également être obtenus en ajoutant, supprimant les attributs d''éléments.

      ①, getAttribute ()

      Procédé getAttribute () pour obtenir la valeur d''un attribut par attribut noeud d''élément de nom.

      Syntaxe: elementNode.Nom getAttribute (nom) est le n?uds élément de nom d''attribut que vous souhaitez obtenir

      ②, setAttribute ()

      L''ajout d''un nouvel attribut avec une valeur attribuée méthode setAttribute (), ou à un ensemble d''attributs existant à une valeur spécifiée.

      Syntaxe: elementNode.nom setAttribute (nom, valeur) est le nom de l''attribut, la valeur est la valeur d''attribut.

      ③, removeAttribute ()

      Procédé removeAttribute () pour supprimer une immobilisation.

      Syntaxe: elementNode.Nom removeAttribute (nom) est le nom d''attribut.

      

      

      

      

      JavaScript实例

      

      

      

      

      

      

      

      (3), changer le CSS

      Modifier les éléments HTML styles CSS peuvent utiliser directement la syntaxe suivante: Document.getElementById (id).style.Nom du style = nouveau style

      

      

      

      

      JavaScript实例

      

      

      

      HTML DOM

      

      JS peut ajouter une page Web pour obtenir des effets dynamiques et les fonctions et l''interaction de l''utilisateur.

      

    . JS peut changer tous les éléments HTML dans la page.

      

    . JS peut changer tous les attributs page HTML.

      

    . JS peut modifier les pages de style CSS pour tous les éléments HTML.

      

      

      

      

      

      

      

      

      

      Le code ci-dessus, le style par le réglage de style, est la ligne entre le style, vous pouvez utiliser Firebug de Firefox, cliquez sur le bouton approprié, vous pouvez voir tous les paramètres entre les styles CSS apparaissent dans une rangée.

      Directement par le style et définir des styles CSS, alors il n''y a pas de fa?on plus concise de le faire?fonction JS au moyen de l''utilisation d''arguments des objets intégrés est terminée, les soi-disant arguments, qui est, des paramètres variables, des paramètres variables, le nombre de paramètres variables, est un tableau de paramètres, les noms de paramètres ne ont pas besoin de signaler, vous pouvez y accéder, mais afin d''améliorer lisible le sexe, au nom du paramètre, ou nécessaire.

      

      

      

      

      JavaScript实例

      

      

      

      

      

      

      Ce qui suit est un style en ligne pour obtenir et définir l''ensemble de la fonction, pour une utilisation ultérieure.

      

      

      

      

      获取行间样式

      

      

      

      

      

      

      

      Nous savons tous que dans le développement réel du projet WEB, de suivre les résultats, le rendement, les principes de la séparation des phases de conduite, afin d''améliorer la lisibilité, le code optimisé, facile à post-entretien.Nous avons donc généralement l''élément de style, pas toute la ligne entre le réglage.méthode de style pour obtenir seulement les propriétés de style des éléments DOM dans les règles de style, fixé par une feuille de style externe pour l''attribut de classe, le style devient insuffisante.Alors, comment les éléments de non-ligne entre le dénommer?Il est une des méthodes DOM standard mondial getComputedStyle, l''objet courant peut être obtenu par la méthode des informations de style.Par exemple: getComputedStyle (obj, false).Au sein paddingLeft, vous pouvez accéder à l''objet de la marge gauche.Il convient de noter: l''obtention d''un des éléments de style composite, assurez-vous d''utiliser la valeur exacte, styles complexes tels que fond, frontière, si vous voulez obtenir la couleur de fond de l''élément, en utilisant uniquement fond à tort, assurez-vous d''écrire backgroundColor.

      JS peut modifier des éléments de style entre les lignes, et ne peut être modifié entre le style en ligne non acquis.Beaucoup de gens peuvent se demander, puisque vous pouvez obtenir et ne peut pas être modifié, il acquiert aussi ce qui est l''utilisation.En fait, pour obtenir un style non-ligne est très nécessaire, si elle est une feuille de style externe, le style est dense une présence anglaise, il est impossible de trouver un, quels sont les éléments mis à la fin, revenir en arrière pour modifier, cela signifierait une perte l''énergie, de sorte que cette méthode est particulièrement importante, et la valeur de retour est la valeur exacte, grace à un accès non-style de ligne à l''information, mais aussi propice à modifier les éléments plus fins de style actuel, c''est une chose merveilleuse, directe en utilisant l''élément de style est défini sur le style en ligne, car entre les lignes avec le plus haut style priorité, donc nous écrasent le style non-ligne, en fait, il est équivalent à la non-ligne de style révisé, mais appara?t dans le entre les lignes, nous visons trans déjà atteint le.

      

      

      

      

      获取非行间样式

      

      

      

      

      

      

      

      (4), pour répondre à des événements

      Exemple: Inverser Sélectionnez et entrez le numéro correspondant sélectionné

      

      

      

      

      JavaScript实例

      

      

      

      S''il vous pla?t sélectionner vos passe-temps:

      . la musique

      . lis

      . Nager

      . basketball

      . Football

      . Faire une promenade

      . Sortir en boite

      . Achats

      

      

      

    Entrée - Non Dans chacun ne peut choisir un:

      

      

      

      

      

      

      3, DOM noeud.

      documents HTML peut être dit être composé d''un ensemble de n?uds, il y a trois noeuds DOM commun que les noeuds d''élément, des attributs et des n?uds de texte.attributs de la balise HTML est un n?ud d''élément, l''étiquette est un n?ud d''attribut, les n?uds de texte qui peuvent parcourir le contenu de la page.

      Dans le modèle objet de document, chaque n?ud est un objet, le n?ud DOM a trois propriétés importantes: le nom du n?ud, le type de noeud et la valeur du noeud.

      Nom du noeud (1), nodeName

      nodeName propriété renvoie le nom du noeud.Le même nom de la balise de nom de n?ud d''élément (majuscules), le nom du n?ud d''attribut est le nom de la propriété, le nom d''un n?ud de texte est toujours #text, le nom d''un n?ud de document est toujours #document.

      (2), nodeValue: valeur de n?ud

      La valeur de retour de l''attribut de noeud nodeValue.La valeur est noeud d''élément undegined ou nulle, la valeur de la valeur d''attribut de l''attribut est un noeud, la valeur de n?ud du texte est le texte lui-même.

      Le type de noeud: (3), nodeType

      propriété renvoie le type de n?ud nodeType.Les éléments suivants sont des types de n?uds:

      

      

        

    • JS
    •   

    • DOM
    •   

      

      

      JS fonction peut être imbriquée, avec une sous-fonction a une fonction de parent, les balises HTML peuvent être imbriquées, alors qu''il existe une variété de relations de noeud, comme parent, enfant et noeud frères et soeurs.Pour faciliter l''utilisation, DOM définit une propriété commune de certains noeuds.

      (1), le noeud enfant

      propriété childNodes retourne l''ensemble de noeuds de noeuds enfants, la propriété de la longueur peut être utilisé pour renvoyer le nombre de noeuds enfants, et peut obtenir les mêmes informations requises et réseau.

      

      

        

    •   

    •   

    •   

    •   

    •   

      

      

      A travers le code ci-dessus peut être vu que le retour 11.Sous évidemment seulement 5 éléments ul li, comment il va revenir 11?En fait, une telle chose:

      

      Le premier noeud (noeud de texte)

        

    • Le premier noeud (noeud de l''élément)
    • Le premier noeud (noeud de texte)

        

    • Le premier noeud (noeud de l''élément)
    • Le premier noeud (noeud de texte)

        

    • Le premier noeud (noeud de l''élément)
    • Le premier noeud (noeud de texte)

        

    • Le premier noeud (noeud de l''élément)
    • Le premier noeud (noeud de texte)

        

    • Le premier noeud (noeud de l''élément)
    • Le premier noeud (noeud de texte)

        

      Comme le sous-ensemble de noeuds retournés par la propriété childNodes, incluant non seulement les n?uds d''élément, mais aussi l''écart entre le noeud de texte par défaut, le navigateur étiqueter les n?uds de texte, saisissez du texte dans la marge, il sera affiché dans le navigateur.Il est recommandé que les enfants utilisent la propriété, qui ne renvoie que les n?uds d''élément, les n?uds de texte non inclus et ne comprend pas le noeud de commentaire.

      

      

        

    •   Je suis un n?ud de texte

        Je suis un élément span.

        

    •   

    •   

    •   

    •   

    •   

      

      

      Le code ci-dessus, l''élément suivant UL li 5, renvoie le nombre de noeuds enfants 5.enfants que childNodes de propriété attribut facile à utiliser trop, ne retourne n?uds enfants d''éléments, non compris n?ud petits-enfants.

      (2), sous-noeud inclus

      propriété firstElementChild renvoie le premier noeud dans le tableau des enfants.

      Syntaxe: n?ud.Cette méthode correspond firstElementChild: element.enfants [0]

      propriété lastElementChild retourne le dernier n?ud dans le tableau des enfants.

      Syntaxe: n?ud.Le procédé par rapport lastElementChild: element.enfants [élément.children.longueur-1]

      

      

      n?ud anonyme

      

    JS

      

    DOM

      jQuery

      

      

      

      (3), le noeud parent

      ParentNode propriété pour acquérir le noeud parent du noeud spécifié.Remarque: Un seul parent.L''obtention à l''aide de deux noeuds parents, le n?ud peut acquérir ancestral.

      Exemple: Cliquez sur les n?uds enfants, le n?ud parent pour cacher

      

      

      

      

      JavaScript实例

      

      

      

      

      

      

      offsetParent propriété renvoie un élément parent pour le positionnement.

      

      

      

      

      JavaScript实例

      

      

      

      

      

      

      

      

      

      (3), de mêmes parents

      Suivi après la propriété nextElementSibling est revenu au même niveau dans un n?ud d''arborescence.

      Syntaxe: élément.nextElementSibling

      Suivi avant propriété previousElementSibling est revenu au même niveau dans un n?ud d''arborescence.

      Syntaxe: élément.previousElementSibling

      type de noeud

      Explication

      值

      élément n?ud

      Chaque balise est un n?ud d''élément HTML, tels que

    ,

    ,

        1

        n?uds d''attributs

        élément de propriété (balise HTML), comme id, classe, nom, etc..

        2

        noeud texte

        n?ud d''élément de texte ou un noeud d''attribut.

        3

        n?uds de commentaires

        Indique que les notes de document, sous forme de.

        8

        noeud de document

        Il représente le document complet (racine DOM de l''arbre, ce document).

        9

        Exemples: Get frères et soeurs de n?ud élément li

        

        

          

      • HTML
      •   

      • CSS
      •   

      • JS
      •   

        

        

        4, l''application de DOM.

        DOM est la plus application pratique de JS peut créer, noeuds d''insertion et de suppression.

        (1), créer un noeud

        Procédé createElement () crée un noeud d''élément.

        Syntaxe: Document.createElement (tagName)

        inserts méthode appendChild () un nouveau noeud de l''enfant à la fin du noeud spécifié, sont ajoutés à la fin de chaque.

        Syntaxe: parent.appendChild (nouveau noeud)

        Exemple: Créer et ajouter des éléments li

        

        

        

        

        JavaScript实例

        

        

        

        

        

        

          

          

          (2), le noeud d''insertion

          inserts méthode insertBefore () un nouveau n?ud enfant avant un n?ud enfant existant.

          Syntaxe: parent.Le premier paramètre insertBefore (nouveau noeud, noeud) à insérer dans le nouveau sous-noeud.Le second paramètre est le noeud d''origine, qui est, avant l''insertion de l''OMS.

          Avant de créer et d''ajouter des éléments li, chaque élément li est inséré dans le nouveau avant l''insertion de l''élément li: Exemple

          

          

          

          

          JavaScript实例

          

          

          

          

          

          

            

            

            (4), les noeuds de suppression

            Procédé removeChild () est utilisée pour supprimer un noeud

            Syntaxe: parent.paramètre removeChild (noeud) pour enlever les noeuds enfants.

            Exemple: forme simple d''ajouter et de supprimer

            

            

            

            

            JavaScript实例

            

            

            

            Nom:

            age:

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

          table Employés
          ID姓名年龄操作
          Noob
          Xiao Ming
          rouge
          Joe Smith
          John Doe

            

            

            Cet exemple ne peut plus de simples complète et la suppression, ne doivent pas entrer dans le jugement, parfait si vous voulez faire beaucoup de besoins de travail à faire, vous pouvez embellir votre table, définir la couleur d''arrière-plan, déplacez la souris pour mettre en évidence la souris sur la récupération couleur de fond, le plus important est de déterminer le contenu de l''entrée de forme, afin d''assurer que les renseignements fournis sont des informations valides à chaque fois, si une table grande quantité d''informations, vous pouvez également ajouter le support pour les éléments de recherche floue, recherche multi-mots clés, afin d''améliorer l''expérience utilisateur bien s?r degré dans des projets pratiques, de tels cas se produisent rarement, mais leur pratique, le test des résultats d''apprentissage.

            (5), et remplacer les noeuds créer un n?ud de texte

            Le procédé replaceChild () peut être utilisé pour remplacer un n?ud d''élément.

            Syntaxe: n?ud.replaceChild (nouveau noeud, noeud), le premier paramètre est utilisé pour remplacer le noeud.Le second paramètre est le n?ud d''origine.

            méthode createTextNode () pour créer un nouveau n?ud de texte, le retourne nouveau n?ud texte.

            Syntaxe: Document.createTextNode (txt)

            Ces deux méthodes est presque moins que d''habitude, mais ont encore besoin de savoir.

            Exemple: Cliquez sur le bouton pour remplacer la balise span pour la balise b.Ensuite, créez un n?ud de texte est inséré dans l''élément p créé et fourni className.

            

            

            

            

            JavaScript实例

            

            

            

            

          P créer un jeu d''étiquettesclassNamePropriété, créer un n?ud de texte.

            

            

            

            

            Le récit ci-dessus est tout au sujet de l''étude DOM JavaScript conclu (e) de la maison de script Xiaobian à partager, espérons que vous aimez.

            Vous pouvez également être intéressé par l''article: Optimiser les techniques d''optimisation de exemple délégué événement javascript performance explication de la performance pour optimiser les performances de JavaScript peu de connaissances Résumé de l''optimisation des performances JavaScript de 10 des techniques d''optimisation personnalisée d''énergie de synthèse pour optimiser les performances des notes de JS organiser l''optimisation des performances de recherche comment charger plus rapidement Page JavaScript de votre optimisation des performances du site JS JavaScript pour créer des notes de Dom dynamique basée sur la réalisation simple de JS DOM interaction basée sur l''instance JavaScript d''exploitation optimisation commune de fonctionnement analyse de synthèse des performances javascript API DOM du paquet dom exploitation

          étude JavaScript DOM conclu (V)

          Recommend Article: