Il existe deux façons de modifier l'attribut SRC de l'image:
1. La méthode SetAttribute est un composant de "Dom de niveau 1", qui peut définir tous les attributs du nœud d'élément.
2, élément.src = source; Il s'agit de la méthode avant l'apparition de "Dom de niveau 1", et il est également efficace maintenant.
L'avantage de "Dom de niveau 1" est sa bonne portabilité. Ces anciennes méthodes ne s'appliquent qu'aux documents Web, tandis que Dom s'applique à n'importe quelle langue de balisage.
Fonction de gestion des événements
En cliquant sur un lien, je souhaite rester sur cette page Web au lieu d'aller dans une autre fenêtre, le code est le suivant:
La copie de code est la suivante:
<a href = "http://www.example.com" onclick = "showpic (this); return false;"> cliquez </a>
Lorsque vous cliquez sur ce lien, car la valeur renvoyée par le code JavaScript déclenché par la fonction ONClick Event Gandler est fausse, le comportement par défaut de ce lien n'est pas déclenché.
attribut
L'attribut ChildNodes peut être utilisé pour obtenir tous les éléments enfants de n'importe quel élément. Le tableau renvoyé par la propriété ChildNodes contient des nœuds de tous types, pas seulement des nœuds d'élément. En fait, presque tout dans le document est un nœud, et même les espaces et les ruptures de ligne sont interprétés comme des nœuds, et ils sont tous contenus dans le tableau renvoyé par la propriété ChildNodes.
Mais chaque nœud a une propriété NODETYPE. Il y a 12 valeurs souhaitables pour les attributs de noteype, mais seulement 3 d'entre eux ont des valeurs utiles: la valeur d'attribut NodeType du nœud d'élément est 1, la valeur d'attribut NodeType du nœud d'attribut est 2, et la valeur d'attribut NodeType du nœud de texte est 3.
Si vous souhaitez modifier la valeur d'un nœud de texte, utilisez la propriété Nodevalue fournie par le DOM.
L'élément Array ChildNodes [0] a un synonyme plus intuitif et facile à lire, qui peut être écrit comme FirstChild; Le DOM fournit également un attribut LastChild correspondant.
Exemple:
La copie de code est la suivante:
<p id = "Description"> Choisissez une image </p>
Créez d'abord une variable pour le stocker:
La copie de code est la suivante:
var description = document.getElementById ("Description");
La valeur de retour de Description.Nodevalue est nul. La propriété nodevalue de l'élément <p> lui-même est une valeur nulle. Si vous souhaitez obtenir la valeur du texte contenu dans l'élément <p>, vous devez utiliser Description.ChildNodes [0] .NodEvalue ou Description.FirstChild.Nodevalue