Partage de matériel vidéo javascript de la Geek Academy

Le "Tutoriel vidéo JavaScript de la Geek Academy" vous présentera JavaScript en détail. JavaScript est un langage de script littéral et un langage de script largement utilisé dans le développement Web côté client. Actuellement utilisé par des millions de pages Web pour améliorer la conception, valider des formulaires, détecter les navigateurs, créer des cookies, etc.

JavaScript est un langage de script réseau largement utilisé dans le développement d'applications Web. Il est souvent utilisé pour ajouter diverses fonctions dynamiques aux pages Web afin de fournir aux utilisateurs des effets de navigation plus fluides et plus esthétiques. Habituellement, les scripts JavaScript réalisent leurs fonctions en les intégrant dans HTML.

est un langage de script interprété (le code n'est pas précompilé).

est principalement utilisé pour ajouter des comportements interactifs aux pages HTML (une application sous Standard Universal Markup Language).

peut être directement intégré dans des pages HTML, mais l'écrire sous forme de fichier js séparé facilite la séparation de la structure et du comportement.

Fonctionnalité multiplateforme, avec la prise en charge de la plupart des navigateurs, elle peut fonctionner sur plusieurs plates-formes (telles que Windows, Linux, Mac, Android, iOS, etc.).

Adresse de lecture vidéo : http://www.php.cn/course/204.html

Apprendre les bases de l'apprentissage du javascript Faites attention au fonctionnement du DOM, qui est à la fois important et difficile :

1 Créer un nœud

createElement()
var node = document.createElement(“div”);

Il n'y a rien à dire, créez un. nœud d'élément, mais notez que ce nœud n'est pas automatiquement ajouté au document.

2. Créez un nœud de texte

createTextNode()
var value = document.createTextNode(“text”);

Créez un nœud de texte, qui est couramment utilisé pour ajouter du contenu aux nœuds d'éléments et ne sera pas automatiquement ajouté au document.
Beaucoup de gens connaissent innerHTML mais ne connaissent pas cette méthode. Cela ajoute du texte statique si le contenu inséré n'a pas de format HTML, l'utilisation de createTextNode est plus sûre que innerHTML, et innerText a des problèmes d'incompatibilité avec le navigateur, donc utiliser createTextNode est très pratique. . Fonctionne bien.

3. Insérez le nœud jusqu'à la fin

appendChild()
node.appendChild(value);

Insérez le nœud jusqu'à la fin Les deux nœuds créés ci-dessus ne seront pas automatiquement ajoutés au document, vous en avez donc besoin. pour utiliser appendChild à Inserted.
S'il s'agit d'un nouveau nœud, il est inséré jusqu'à la fin, et s'il s'agit d'un nœud existant, il est déplacé vers la fin. Beaucoup de gens ne le remarquent pas si vous comprenez ce point, puis le combinez avec. la méthode suivante, vous pouvez le déplacer facilement.

4. Insérez le nœud devant le nœud cible

insertBefore()
var node = document.createElement(“div”);
var _p = document.createElement(“p”);
var _span = document.createElement(“span”);
node.appendChild(_p);
node.insertBefore(_span, _p);

Le nœud est facultatif, si le deuxième paramètre n'est pas écrit, il sera ajouté par défaut à la fin du document, ce qui équivaut à appendChild.
De même, appendChild et insertBefore, si le nœud existe déjà, ils supprimeront automatiquement d'abord le nœud d'origine, puis le déplaceront à l'endroit que vous spécifiez.
Conseils pour déplacer les nœuds vers l'avant :

if (node.parentNode.firstChild)
node.parentNode.insertBefore(node, node.parentNode.firstChild);else node.parentNode.appendChild(node);

node.cloneNode(true);
node.cloneNode(false);
Copiez le nœud div ci-dessus, Le paramètre true, copie l'intégralité du nœud et son contenu ; false, copie uniquement le nœud sans son contenu. Le nouveau nœud copié ne sera pas automatiquement inséré dans le document. Vous devez utiliser les méthodes 3 et 4 pour l'insérer.

6. Supprimer les nœuds

removeChild()
node.removeChild(_p);

Supprimez le nœud

ci-dessus de

. Cependant, en général, nous ne savons pas quel est le nœud parent du nœud à supprimer, nous utilisons donc généralement ceci : node.parentNode.removeChild(node);

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!