Preguntas etiquetadas con dom

El Document Object Model (DOM) es una forma de referirse programáticamente a los elementos de un lenguaje de marcado como XML y HTML. Úselo con [javascript] o cualquier otro lenguaje de programación que tenga un analizador DOM


11
JQuery para buscar identificadores duplicados en un DOM
Estoy escribiendo aplicaciones con ASP.NET MVC. A diferencia de ASP.NET tradicional, usted es mucho más responsable de crear todos los identificadores en su página generada. ASP.NET le daría identificadores desagradables pero únicos. Me gustaría agregar un pequeño script jQuery rápido para verificar si mi documento tiene identificadores duplicados. Pueden ser …
106 jquery  dom 

6
SVG obtiene el ancho del elemento de texto
Estoy trabajando en ECMAScript / JavaScript para un archivo SVG y necesito obtener el widthy heightde un textelemento para poder cambiar el tamaño de un rectángulo que lo rodea. En HTML, podría usar los atributos offsetWidthy offsetHeighten el elemento, pero parece que esas propiedades no están disponibles. Aquí hay un …
105 javascript  dom  text  svg 

9
Cambiar los valores CSS con Javascript
Es fácil establecer valores CSS en línea con javascript. Si quiero cambiar el ancho y tengo un html como este: <div style="width: 10px"></div> Todo lo que necesito hacer es: document.getElementById('id').style.width = value; Cambiará los valores de la hoja de estilo en línea. Normalmente esto no es un problema, porque el …
105 javascript  html  css  ajax  dom 

3
Documento XML a cadena
¿Cuál es la forma más sencilla de obtener la representación de cadena de un documento XML ( org.w3c.dom.Document)? Es decir, todos los nodos estarán en una sola línea. Como ejemplo, de <root> <a>trge</a> <b>156</b> </root> (esto es solo una representación de árbol, en mi código es un org.w3c.dom.Documentobjeto, por lo …
104 java  xml  string  dom  xmldocument 

13
¿Hay alguna forma de seleccionar nodos hermanos?
Por algunas razones de rendimiento, estoy tratando de encontrar una manera de seleccionar solo los nodos hermanos del nodo seleccionado. Por ejemplo, <div id="outer"> <div id="inner1"></div> <div id="inner2"></div> <div id="inner3"></div> <div id="inner4"></div> </div> Si seleccioné el nodo inner1, ¿hay alguna forma de acceder a sus hermanos, inner2-4nodos?
104 javascript  dom  siblings 


6
¿Por qué document.querySelectorAll devuelve un StaticNodeList en lugar de un Array real?
Me molesta que no pueda hacerlo document.querySelectorAll(...).map(...)ni siquiera en Firefox 3.6, y todavía no puedo encontrar una respuesta, así que pensé en hacer una publicación cruzada en SO la pregunta de este blog: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ ¿Alguien sabe de una razón técnica por la que no obtienes una matriz? O por qué …

13
¿Cómo ocultar una <opción> en un menú <seleccionar> con CSS?
Me di cuenta de que Chrome, al parecer, no me permitirá esconderme &lt;option&gt;en un &lt;select&gt;. Firefox lo hará. Necesito ocultar los mensajes de correo &lt;option&gt;electrónico que coinciden con un criterio de búsqueda. En las herramientas web de Chrome puedo ver que display: none;mi JavaScript las está configurando correctamente , pero …
103 javascript  jquery  css  dom 


3
¿Es innerHTML asincrónico?
Espero no hacer el ridículo, pero estoy tratando de entender qué está sucediendo en esas dos líneas de código: document.body.innerHTML = 'something'; alert('something else'); Lo que estoy observando es que la alerta se muestra antes de que se actualice HTML (o tal vez lo haya hecho, pero la página no …

6
Cómo iterar correctamente a través de getElementsByClassName
Soy un principiante de Javascript. Estoy ingresando a la página web a través de window.onload, tengo que encontrar un montón de elementos por su nombre de clase ( slide) y redistribuirlos en diferentes nodos según la lógica. Tengo una función Distribute(element)que toma un elemento como entrada y realiza la distribución. …
101 javascript  html  dom 

9
Encontrar la identificación de un div padre usando Jquery
Tengo un html como este: &lt;div id="1"&gt; &lt;p&gt; Volume = &lt;input type="text" /&gt; &lt;button rel="3.93e-6" class="1" type="button"&gt;Check answer&lt;/button&gt; &lt;/p&gt; &lt;div&gt;&lt;/div&gt; &lt;/div&gt; y algunos JS como este: $("button").click(function () { var buttonNo = $(this).attr('class'); var correct = Number($(this).attr('rel')); validate (Number($("#"+buttonNo+" input").val()),correct); $("#"+buttonNo+" div").html(feedback); }); Lo que realmente me gustaría es que …
99 jquery  dom  semantics 

3
Que es shadow root
En las herramientas para desarrolladores de Google Chrome, veo una etiqueta #shadow-rootdebajo de la derecha &lt;html lang="en"&gt;. ¿Qué hace y para qué se utiliza? No lo veo en Firefox ni en IE; solo en Chrome, ¿es esta una función especial? Si lo abro, muestra &lt;head&gt;y &lt;body&gt;y un enlace al lado …


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.