Вы находитесь на странице: 1из 2

JavaScript:

- Cambiar el texto de un nodo***************************************************


***********************
document.getElementById(id).firstChild.nodeValue = textoNuevo;
Ejemplo:
<p id="ppp">hola</p>
document.getElementById("ppp").firstChild.nodeValue="holaaaaaaaa
aaaaa;"; //ahora valdrá holaaaaaaaaaaaaaaaaaa
//con variables
par = document.getElementById("ppp");
par.firstChild.nodeValue="holaaaaaaaaaaaaaaaaaa";

- Para saber el tipo de un objeto***********************************************


***********************
nodeType: cte. entera que representa el tipo de nodo

- Para saber el nombre de un objeto:********************************************


***********************
nodeName: nombre
<p id="p">texto</p> //document.getElementById("p").nodeName
//p
<a id="a">texto</a> //document.getElementById("a").firstChil
d.nodeName //#text
nodeValue: valor. Dependen del tipo de nodo //solo funciona con los nodo
s Texto
<p id="p">texto</p> //document.getElementById("p").firstChil
d.nodeValue
<a id="a">texto</a> //document.getElementById("a").firstChil
d.nodeValue
- Navegar por el arbol**********************************************************
***********************
childNodes: array con los nodos hijos
firstChild: primer nodo hijo, lastChild: último nodo hijo
parentNode: nodo padre
nextSibling: siguiente hermano (nodo al mismo nivel)
prevSibling: hermano anterior.
objeto = document.getElementById("p").firstChild();
A.firstChild = A1
A3.prevSibling = A2
A.lastChild =A3
A.childNodes.length = 3 A3.nextSibling = null
A.childNodes[0] = A1
A.childNodes[1] = A2
A.lastChild.firstChild = A3a
A3b.parentNode.parentNode = A
- Cambiar Valor*****************************************************************
***********************
$('id').append('<p>texto</p>');
document.getElementById("id").firstChild.nodeValue = "otroTexto";
alert(document.getElementById("id").firstChild.nodeValue); //muestra otr
oTexto
- Insertar etiqueta:************************************************************
***********************
//un parrafo
parrafo="<p>texto</p>";
$('#id').append(parrafo);
//una fila al final de una tabla
fila="<tr><td>texto</td></tr>";
$('#tablaSolicitudes').append(fila); //inserta la nueva fila al final

//una fila al principio de una tabla


fila="<tr><td>texto</td></tr>";
$('#tablaSolicitudes').preppend(fila); //inserta la nueva fila al final

Вам также может понравиться