Preguntas etiquetadas con dom

¿Es posible alternar la visibilidad de un elemento, usando las funciones .hide(), .show()o .toggle()? ¿Cómo probarías si un elemento es visibleo hidden?

7747 javascript  jquery  dom  visibility 

¿Cómo puedo cambiar una clase de un elemento HTML en respuesta a un onclickevento usando JavaScript?

2776 javascript  html  dom 

Entonces jQuery 1.6 tiene la nueva función prop(). $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) o en este caso, ¿hacen lo mismo? Y si no debe de cambiar a usar prop(), todas las viejas attr()llamadas se romperá si me cambio a 1.6? ACTUALIZAR selector = '#id' …

2301 javascript  jquery  dom  attr  prop 

Quiero saber cómo obtener la posición X e Y de los elementos HTML, como imgy diven JavaScript, en relación con la ventana del navegador.

1570 javascript  html  css  dom  position 

Me gustaría descubrir, en JavaScript, qué elemento tiene el foco actualmente. He estado buscando en el DOM y todavía no he encontrado lo que necesito. ¿Hay alguna manera de hacer esto y cómo? La razón por la que estaba buscando esto: Estoy tratando de hacer teclas como las flechas y …

1309 javascript  dom 

Estoy refactorizando algún código JavaScript antiguo y hay mucha manipulación DOM. var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); Me gustaría saber si hay una mejor manera de hacer esto usando jQuery. He …

1251 javascript  jquery  html  dom  dhtml 

Tengo una columna de tabla que intento expandir y ocultar: jQuery parece ocultar los tdelementos cuando lo selecciono por clase pero no por el nombre del elemento . Por ejemplo, ¿por qué: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work Tenga en cuenta …

1227 javascript  jquery  html  dom  jquery-selectors 

¿Hay una manera eficiente de saber si un elemento DOM (en un documento HTML) está actualmente visible (aparece en la ventana gráfica )? (La pregunta se refiere a Firefox).

950 javascript  html  firefox  dom  browser 

¿Cómo haría para eliminar todos los elementos secundarios de un nodo DOM en JavaScript? Digamos que tengo el siguiente (feo) HTML: <p id="foo"> <span>hello</span> <div>world</div> </p> Y agarro el nodo que quiero así: var myNode = document.getElementById("foo"); ¿Cómo podría eliminar a los niños de foomodo que solo <p id="foo"></p>quede? ¿Podría …

876 javascript  dom 

Estoy trabajando en una búsqueda con JavaScript. Usaría un formulario, pero estropea algo más en mi página. Tengo este campo de texto de entrada: <input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/> Y este es mi código JavaScript: <script type="text/javascript"> function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } </script> ¿Cómo …

874 javascript  dom  html-input 

Recientemente me he encontrado con un error bastante desagradable, en el que el código se estaba cargando <select>dinámicamente a través de JavaScript. Este cargado dinámicamente <select>tenía un valor preseleccionado. En IE6, ya teníamos código para arreglar lo seleccionado <option>, porque a veces el valor del <select>'s selectedIndexno estaba sincronizado con …

872 javascript  dom  event-loop 

Tengo una página donde algunos oyentes de eventos están conectados a cuadros de entrada y cuadros de selección. ¿Hay alguna manera de averiguar qué oyentes de eventos están observando un nodo DOM particular y para qué evento? Los eventos se adjuntan utilizando: Prototipos Event.observe ; DOM's addEventListener; Como atributo del …

842 javascript  events  dom 

En lugar de llamar individualmente $("#item").removeClass()para cada clase que pueda tener un elemento, ¿hay una sola función a la que se pueda llamar que elimine todas las clases CSS del elemento dado? Tanto jQuery como JavaScript sin formato funcionarán.

778 javascript  jquery  dom 

Existe insertBefore()en JavaScript, pero ¿cómo puedo insertar un elemento después de otro elemento sin usar jQuery u otra biblioteca?

758 javascript  dom  insert  append 

Tengo una cadena HTML que representa un elemento: '<li>text</li>'. Me gustaría agregarlo a un elemento en el DOM (a ulen mi caso). ¿Cómo puedo hacer esto con Prototype o con métodos DOM? (Sé que podría hacer esto fácilmente en jQuery, pero desafortunadamente no estamos usando jQuery).

622 javascript  dom  prototypejs