¿Son los nodos de documentos JavaScript lo mismo que los nodos de texto?
¿Son los nodos de documentos JavaScript lo mismo que los nodos de texto?
Es diferente. Hay cinco tipos de nodos comunes:
1: Elemento
2: Atributo
3: Texto
8: Comentario;
9: Documento.
Para más información: w3school../jsref/prop_node_nodetype.asp
El documento es el nodo raíz del árbol DOM (en realidad lt; gt; lt; / gt;), todos los nodos restantes están incluidos en el documento.
Los elementos son etiquetas, lt; pgt; lt; divgt;
El atributo está en el elemento, lt;p id="id" name=namegt;
El texto es el contenido del texto en un elemento o atributo,
También soy texto
document.getElementById("mi").innerText = "";
document.all.mi.innerText = ""
Ambos Sí , o use InnerHTML. ¿Cómo agregar nodos de texto en JavaScript?
El método más simple es usar el atributo internalHTML del elemento para asignar un valor, como por ejemplo: myNewElement.innerHTML = "Soy texto" pero esto no puede reflejar claramente que se ha agregado un nuevo nodo de texto; al DOM.
Luego hay otra forma de agregar nodos de texto, que se puede dividir en dos pasos:
1. Crear nodos: use el método createTextNode para crear nodos de texto, como: var myText = document. createTextNode("Soy texto");
2. Agregue el nodo creado a un elemento usando el método appendChild. Por ejemplo: myNewElement.appendChild(myText); de esta manera, myNewElement tiene el nodo de texto de myText y el contenido del nodo de texto es "Soy texto".
Obtener el nodo de atributo
El primer método: obtener el nodo de atributo definido oficialmente (obtener el valor de atributo correspondiente del elemento).
Formato: nodo del elemento, nombre del atributo.
Nota: No se puede obtener el valor de un atributo personalizado.
El código es el siguiente:
console.log(jsInput.placeholder);
alert("Es hora de mostrar tecnología real"); p>
Establecer el valor del atributo nodo
Fórmula: elemento nodo = nuevo valor del atributo
El código es el siguiente:
Establezca el valor del atributo correspondiente del elemento
Nodo del elemento. Nombre del atributo = nuevo valor del atributo
jsInput.placeholder = "sunck good"
Segundo; método
Fórmula: elemento nodo. getAttribute(nombre del atributo);
Nota: También puede obtener el valor de un atributo personalizado.
Código:
console.log(jsInput.getAttribute("my")
Establece el valor del atributo personalizado
> Fórmula: elemento nodo. setAttribute(nombre del atributo, nuevo valor del atributo);
Nota: Cuando el atributo no existe, se convierte en un atributo agregado
Código:
Configuración
Elemento node.setAttribute(nombre del atributo, nuevo valor del atributo
jsInput.setAttribute("my", "sunck"); p> Nota: Cuando el atributo no existe, se convierte en un atributo agregado
jsInput.setAttribute("other", "sunck"
Eliminar nodo de atributo
);Fórmula: elemento Node.removeAttribute(nombre del atributo);
Nota: Algunas versiones de navegadores inferiores no admiten
Código:
jsInput.removeAttribute( "other");
console.log(jsInput); Cómo acceder a los nodos de texto en jsDOM
Hay tres nodos principales en DOM, a saber, nodos de elementos, nodos de texto y nodos de atributos. nodos. Sus tipos de nodo correspondientes son diferentes.
Entre ellos:
Para nodos de elementos, nodeType=1
Para nodos de atributos, nodeType=2
Para nodos de texto; , nodeType=3;
Los nodos de texto se pueden filtrar juzgando nodeType. ¿Cómo obtiene tinyxml el texto de un nodo de texto?
tinyxml se basa en el modelo DOM
Debes pasar la cadena XML completa para analizarla a TiDocument
y luego tome First_child
Luego ToElement
Luego GetValue Problema de nodo de texto vacío, ayuda urgente
Lenguaje de marcado de hipertexto o Lenguaje de marcado de enlace de hipertexto (uno en Marcado universal estándar Aplicación de lenguaje) HTML (lenguaje de marcado de hipertexto) es un lenguaje estándar para crear páginas World Wide Web y un lenguaje utilizado por los navegadores World Wide Web.
Elimina las barreras al intercambio de información entre diferentes computadoras.
Actualmente es el idioma más utilizado en Internet y el principal idioma que constituye los documentos web.
Los archivos HTML son textos descriptivos compuestos por comandos HTML. Los comandos HTML pueden describir texto, gráficos, animaciones, sonidos, tablas, enlaces, etc. La estructura de un archivo HTML incluye dos partes: encabezado y cuerpo. El encabezado describe la información requerida por el navegador y el cuerpo contiene el contenido específico que se va a explicar.
¿Existe alguna función js que pueda obtener y operar nodos de texto y nodos de comentarios?
¿Existe alguna función js que pueda obtener y operar nodos de texto y nodos de comentarios?
Porque hay un espacio en blanco área delante de su comentario, análisis DOM También se considerará como un nodo DOM, por lo que es un tipo de texto. El siguiente paso es comentar cómo usar variables para crear nodos de texto en JavaScript
. lt; ulgt;
lt;li id="li1"gt;lt;ligt;
lt;/ulgt;
var lix = document.createElement ("li");
var targetElement = document.getElementById("li1");
var parent = targetElement.parentNode;
if(parent. lastChild == targetElement)
{
parent.appendChild(lix);
}
else
{
parent .insertBefore(lix, targetElement.nextSibling);
} ¿Qué hace "crear un nodo de texto"?
1. Estructura DOM: qué relaciones pueden existir entre dos nodos y cómo moverse entre nodos de forma arbitraria.
document.documentElement devuelve el nodo raíz del documento lt；gt;
document.body lt;bodygt
document.activeElement devuelve el elemento activo en el documento actual El nodo de etiqueta (es decir)
event.fromElement devuelve el nodo de origen del que sale el mouse (es decir)
event.toElement devuelve el nodo de origen que mueve el mouse into (es decir)
event.srcElement devuelve el nodo de origen del evento de activación (es decir)
event.target devuelve el nodo de origen del evento de activación (firefox)
El objeto actual es nodo
Devuelve el nodo principal: node.parentNode, node.parendElement,
Devuelve todos los nodos secundarios: node.childNodes (incluidos los nodos de texto y los nodos de etiqueta) , node.children
Devuelve el primer nodo secundario: node.firstChild
Devuelve el último nodo secundario: node.lastChild
Devuelve el nodo secundario anterior de la misma familia: node.nextSibling
Devuelve el siguiente nodo hijo de la misma familia Nodo hijo: node.previousSibling
parentNode tiene la misma función que parentElement y childNodes tiene la misma función como niños. Sin embargo, parentNode y
childNodes cumplen con los estándares W3C y se puede decir que son relativamente universales.
Los otros dos solo son compatibles con IE, no con estándares, y no son compatibles con Firefox
, por lo que solo necesita recordar parentElement y child
2. Operaciones DOM: cómo agregar y mover Eliminar, mover, copiar, crear y buscar nodos.
(1) Crear un nuevo nodo
createDocumentFragment() crea un fragmento DOM
createElement() crea un elemento específico
createTextNode () Crear un nodo de texto
(2) Agregar, eliminar, reemplazar, insertar
appendChild()
removeChild()
replaceChild()
insertBefore()
(3) Buscar
getElementsByTagName() a través del nombre de la etiqueta
getElementsByName() a través del elemento valor del atributo Nombre
getElementById() Unicidad a través del ID del elemento
3. Eventos: cómo utilizar los eventos y cuáles son las principales diferencias entre los modelos de eventos IE y DOM.
(1) Eventos de tipo burbuja: los eventos se activan en orden desde el objetivo del evento más específico hasta el objetivo del evento menos específico (objeto de documento).
IE 5.5: div -gt; cuerpo -gt; documento
IE 6.0: div -gt; documento
Mozilla 1.0 : div -gt; body -gt; -gt; document -gt; window
(2) Captura de evento (captura de evento): el evento se activa a partir del objeto menos preciso (objeto de documento), y luego a lo más preciso (los eventos también se pueden capturar a nivel de ventana, pero esto debe ser especificado específicamente por el desarrollador).
(3) Flujo de eventos DOM: admite dos modelos de eventos al mismo tiempo: capturar eventos y burbujear eventos, pero los eventos de captura ocurren primero. Ambos flujos de eventos tocan todos los objetos en el DOM, comenzando y terminando con el objeto del documento.
La propiedad más exclusiva del modelo de eventos DOM es que los nodos de texto también activan eventos (no en IE).
4. XMLHttpRequest: qué es, cómo ejecutar completamente una solicitud GET y cómo detectar errores.
El objeto XMLHttpRequest proporciona una forma de comunicarse con el servidor después de cargar una página web.
lt;script type=text/javascriptgt;
varxml;
functionloadXMLDoc(url){
xml=null;
p>
if(window.XMLHttpRequest){ código para todos los navegadores nuevos
xml=newXMLHttpRequest();
}elseif(window.ActiveXObject){ código para IE5 e IE6
xml=newActiveXObject("Microsoft.XMLHTTP");
}
if(xml!=null){
xml.onreadystatechange=state_Change;
xml.open("GET", url, verdadero
xml.send(null); }else{
alert("Su navegador no admite XMLHTTP."
}
}
functionstate_Change(){);
if(xml.readyState==4){ 4 = "cargado"
if(xml.status==200){ 200 = Aceptar
. ..nuestro código aquí...
}else{
alert("Problema al recuperar datos XML");
}
}
}
lt;/scriptgt;
5. Modo estricto y modo mixto: cómo activar estos dos modos y cuál es la importancia de distinguirlos .
En el modo estándar, el navegador muestra la página de acuerdo con la especificación;
En el modo promiscuo, la página se muestra de una manera más flexible y compatible con versiones anteriores.
El navegador elige el método de representación a utilizar en función de si DOCTYPE está presente y qué DTD se utiliza. Si un documento XHTML contiene un DOCTYPE completamente formado, generalmente se representa en modo estándar
. Para documentos HTML
4.01, un DOCTYPE que contiene una DTD estricta a menudo hace que la página se represente en modo estándar. Un DOCTYPE que contiene una DTD de transición y un URI también hace que la página se represente en modo estándar, pero una DTD de transición sin un URI hace que la página se represente en modo promiscuo. Un DOCTYPE ausente o formado incorrectamente hace que los documentos HTML y XHTML se representen en modo promiscuo.
6. Modelo de caja: la relación entre márgenes, relleno y bordes, cuáles son las diferencias entre los modelos de caja en navegadores inferiores a IE 8.
Los niveles de un modelo de caja de elementos de adentro hacia afuera son: relleno, bordes y márgenes
El ancho y alto de los elementos definidos en el modelo de caja de los navegadores inferiores a IE8 no son los Lo mismo, incluyendo relleno y bordes
7. Elementos a nivel de bloque y elementos en línea: cómo controlarlos con CSS, cómo afectan a los elementos circundantes y cómo cree que deben diseñarse.
Para elementos a nivel de bloque, use display:inline en CSS; los atributos se convierten en elementos en línea
Para elementos en línea, use display:block en CSS;
Impacto: los elementos circundantes se muestran en la misma línea o en una nueva línea, y el estilo se ajusta según la situación específica
8. Elementos flotantes: cómo usarlos. qué problemas tienen y cómo resolverlos.
Los elementos que necesitan flotar pueden usar el atributo flotante en CSS para definir la posición flotante del elemento izquierda: flotar hacia la izquierda, derecha: flotar hacia la derecha
Problemas. causado por elementos flotantes:
p>(1) La altura del elemento principal no se puede expandir, lo que afecta a elementos en el mismo nivel que el elemento principal
(2) No flotante los elementos en el mismo nivel que el elemento flotante lo seguirán
p>(3) Si el primer elemento no flota, los elementos anteriores también deben flotar, de lo contrario afectará la estructura del visualización de página
Solución:
Utilice el atributo clear: ambos; en CSS puede resolver los problemas 2 y 3. Para el problema 1, agregue el siguiente estilo y agregue un estilo clearfix al padre. elemento:
.clearfix: after{content: " ."; display: block; height: 0; clear: ambos; visibilidad: oculto;}
.clearfix{display: inline -block;} /* para IE/Mac */
9. HTML y XHTML: ¿cuál es la diferencia entre los dos? ¿Cuál crees que debería usarse y por qué?
Diferencias principales:
Los elementos XHTML deben estar anidados correctamente.
Los elementos XHTML deben estar cerrados y las etiquetas vacías también deben estar cerradas, como lt; Debe escribirse como lt;br/gt;
Los nombres de las etiquetas XHTML deben estar en letras minúsculas
Los documentos XHTML deben tener un elemento raíz
Los documentos XHTML requieren que a todos los atributos se les asignará un valor
XHTML requiere que todos los atributos estén entre comillas ""
Los documentos XHTML deben codificar todos los símbolos especiales como lt;, gt;, amp ; etc.
No utilice "--" en el contenido de los comentarios en documentos XHTML.
Las imágenes XHTML deben tener títulos.
Utilice el atributo id en lugar del nombre. atributo en documentos XHTML
10. JSON: qué es, por qué debería usarse, cómo usarlo y los detalles de implementación.
JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos. Fácil de leer y escribir para los humanos. También es fácil de analizar y generar para las máquinas.
JSON se construye a partir de dos estructuras:
Una colección de pares nombre/valor. En diferentes idiomas, se entiende como objeto (objeto), registro (registro), estructura (estructura), diccionario (diccionario), tabla hash (tabla hash), lista con clave (lista con clave)) o una matriz asociativa.
Una lista ordenada de valores. En la mayoría de los idiomas, se entiende como una matriz.