Articles of dom

¿Cómo agregar una línea de JavaScript (en lugar de un archivo .js externo)?

Quiero agregar una etiqueta de secuencia de comandos que ejecute una línea de JavaScript al encabezado de un documento, en lugar de agregar una etiqueta de secuencia de comandos que esté vacía y use el atributo src. Esto es lo que tengo hasta ahora: var scriptContents = ‘alert(“hi”)’; var theScript = document.createElement(‘script’); theScript.type = ‘text/javascript’; […]

Agregar más campos de texto dinámicamente en una nueva línea (html)

Usé el código de http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html–javascript/ html-javascript / .my el código es esto: Dynamically add Textbox, Radio, Button in html Form using JavaScript function add() { for (i=1; i<=5; i++) { //Create an input type dynamically. var element = document.createElement("input"); //Assign different attributes to the element. element.setAttribute("type", i); element.setAttribute("name", i); element.setAttribute("value", i); var foo = document.getElementById("fooBar"); […]

Análisis de datos HTML utilizando Java (DOM análisis)

He trabajado en esto por un tiempo y no encontré nada relacionado con Stack Overflow. Estoy usando un analizador que intenta capturar fragmentos de código HTML. Basado en el código (más abajo), el archivo crece exponencialmente en tamaño y está capturando los campos (li) que necesito, pero también es muy repetitivo, ya que está capturando […]

Hacer un elemento HTML no enfocable

¿Es posible hacer que un elemento HTML no sea enfocable ? Entiendo que se puede definir una lista de elementos que pueden recibir atención y que un usuario puede navegar a través de estos elementos presionando la tecla Tabulador . También veo que depende del navegador controlar esto. Pero tal vez haya una manera de […]

Comprueba si un elemento tiene una imagen de fondo con JS puro

¿Cuál es la forma correcta de verificar si un elemento en particular tiene una background-image asociada a él, en un Javascript puro? En este momento tengo esto: var elementComputedStyle = window.getComputedStyle(element); var hasBGImage = elementComputedStyle.getPropertyValue(‘background-image’) !== ‘none’

Aplicando etiqueta DIV / Span a una palabra por coordenadas específicas

Muestra de datos HTML Long-Text A simple tool to store and display texts longer than a few lines. The search button will highlight all the words matching the name of objects that are members of the classes listed in searchedClasses, itself a member of the KeySet class. The highlighted words are hypertext. Edit invokes wscripts/acedb.editor, […]

Cargue JSON en tiempo de ejecución en lugar de dinámicamente a través de AJAX

No creo que esto pueda hacerse “limpiamente”, pero lo preguntaré de todos modos. Tengo un sistema que necesita obtener un recurso JSON a través de una llamada REST GET para inicializar. Por el momento, el sistema espera hasta el evento onLoad y dispara una solicitud ajax para recuperar el recurso, lo que no creo que […]

refactor para usar oop mvc

¿Cómo puedo refactorizar esto para usar oop, con el patrón mvc? (function () { var dataToImage = { ‘a’: ‘a.gif’, ‘b’: ‘something.gif’ }; var currentimage = dataToImage[‘a’]; function setCurrentImage(e){ currentImage = e.src; } function getMousePosition(){ } function drawToolbar { for(i in dataToImage){ document.write(”); } document.write(”); return; } function drawImage(div,xy) { var img = document.createElement(‘div’); div.style[“left”] […]

Así que DOM scrollIntoView se alinea arriba / abajo, pero ¿qué pasa con left / right?

Me gustaría desplazar horizontalmente el elemento dado. La única forma que encuentro es utilizar el método ScrollIntoView DOM, que permite alinear la parte inferior del elemento con la vista inferior o superior, con la vista superior. Pero, ¿y si el elemento está bien con respecto al eje Y, y solo quiero desplazarlo horizontalmente? ¿Cómo puedo […]

Anexar un elemento DOM dos veces (jQuery)

¿Alguien puede explicar por qué el siguiente fragmento no agrega a #a y #b ? HTML: JS: $(function(){ var $foo = $(“HI”); $(“#a”).append($foo); $(“#b”).append($foo); }); jsfiddle Editar: gracias por los puntos útiles, el hecho de que .append() mueva el elemento explica este comportamiento. Dado que el elemento en mi aplicación es realmente el .el una […]