Hay dos formas de cambiar el atributo SRC de la imagen:
1. El método SetAttribute es un componente del "Nivel 1 DOM", que puede establecer cualquier atributo del nodo del elemento.
2, elemento.src = fuente; Este es el método antes de la aparición de "Nivel 1 DOM", y ahora también es efectivo.
La ventaja de "Nivel 1 DOM" es su buena portabilidad. Esos métodos antiguos solo se aplican a documentos web, mientras que DOM se aplica a cualquier lenguaje de marcado.
Función de manejo de eventos
Al hacer clic en un enlace, quiero permanecer en esta página web en lugar de ir a otra ventana, el código es el siguiente:
La copia del código es la siguiente:
<a href = "http://www.example.com" onClick = "showpic (this); return false;"> haga clic </a>
Al hacer clic en este enlace, debido a que el valor devuelto por el código JavaScript activado por la función de controlador de eventos OnClick es falso, el comportamiento predeterminado de este enlace no se activa.
atributo de nodos de niños
El atributo de nodos infantiles se puede utilizar para obtener todos los elementos infantiles de cualquier elemento. La matriz devuelta por la propiedad de los nodos infantiles contiene nodos de todos los tipos, no solo nodos de elementos. De hecho, casi todo en el documento es un nodo, e incluso los espacios y los descansos de línea se interpretan como nodos, y todos están contenidos en la matriz devuelta por la propiedad de los nodos de los niños.
Pero cada nodo tiene una propiedad Nodetype. Hay 12 valores deseables para los atributos de NodeType, pero solo 3 de ellos tienen valores útiles: el valor de atributo NodeType del nodo de elemento es 1, el valor de atributo Nodetype del nodo de atributo es 2, y el valor de atributo de texto NodeType del nodo de texto es 3.
Si desea cambiar el valor de un nodo de texto, use la propiedad NodeValue proporcionada por el DOM.
El elemento de matriz, Nodes [0] tiene un sinónimo más intuitivo y fácil de leer, que puede escribirse como FirstChild; El DOM también proporciona un atributo de LastChild correspondiente.
Ejemplo:
La copia del código es la siguiente:
<P id = "Descripción"> Elija una imagen </p>
Primero cree una variable para almacenarla:
La copia del código es la siguiente:
Var Descripción = Document.getElementById ("Descripción");
El valor de retorno de la descripción.nodeValue es nulo. La propiedad NodeValue del elemento <p> en sí es un valor nulo. Si desea obtener el valor del texto contenido en el elemento <p>, debe usar Descripción.ChildNodes [0] .NodeValue o Descripción.firstchild.NodeValue