Articles of dom

AngularJS: $ viewContentLoaded triggersto prima della visualizzazione parziale

Per una vista parziale voglio fare qualcosa di JavaScript che di solito farei con $(document).ready(function() {…}) , ad es. Legare gli ascoltatori venet agli elementi. So che questo non funziona per AngularJS e le viste parziali caricate nella vista “root”. Così ho aggiunto un listener al controller che ascolta l’evento $viewContentLoaded . La funzione del […]

Ottieni la rappresentazione di stringa di un nodo DOM

Javascript: ho la rappresentazione DOM di un nodo (elemento o documento) e sto cercando la sua rappresentazione in stringa. Per esempio, var el = document.createElement(“p”); el.appendChild(document.createTextNode(“Test”)); dovrebbe produrre: get_string(el) == “Test”; Ho la sensazione forte, che mi manca qualcosa di banalmente semplice, ma semplicemente non trovo un metodo che funzioni in IE, FF, Safari e […]

Come clonare o ri-inviare eventi DOM?

Sto cercando un modo semplice e astratto di clonazione o re-invio di eventi DOM solo. Non sono interessato a clonare i nodes DOM. Ho sperimentato un po ‘, ho letto la specifica DOM Events e non ho trovato una risposta chiara. Idealmente, sto cercando qualcosa di semplice come: handler = function(e){ document.getElementById(“decoy”).dispatchEvent(e) } document.getElementById(“source”).addEventListener(“click”, handler) […]

perché l’analisi del sax è più veloce di quella del parsing? e come funziona stax?

in qualche modo correlato a: libxml2 di java sì, questa domanda è piuttosto prolissa – mi dispiace. Ho mantenuto è denso come mi sentivo ansible. Ho messo in evidenza le domande per rendere più facile sbirciare prima di leggere il tutto. Perché l’analisi del sax è più veloce di quella del parsing? L’unica cosa che […]

Java: come individuare un elemento tramite la stringa xpath su org.w3c.dom.document

Come si localizzano velocemente elementi / elementi tramite la stringa xpath su un determinato org.w3c.dom.document? non sembra esserci alcun metodo FindElementsByXpath() . Per esempio /html/body/p/div[3]/a Ho trovato che iterare ricorsivamente attraverso tutti i livelli del nodo figlio è abbastanza lento quando ci sono molti elementi con lo stesso nome. Eventuali suggerimenti? Non posso usare alcun […]

Come posso determinare se un elemento DOM creato dynamicmente è stato aggiunto al DOM?

Secondo le specifiche , solo gli elementi BODY e FRAMESET forniscono un evento “onload” a cui collegarsi, ma vorrei sapere quando un elemento DOM creato dynamicmente è stato aggiunto al DOM in JavaScript. Le euristiche super-naive che sto attualmente utilizzando, che funzionano, sono le seguenti: Attraversare la proprietà parentNode dell’elemento fino a trovare l’antenato finale […]

DOM onresize event

Se ho questo window.onresize = function() { alert(‘resized!!’); }; La mia funzione viene triggersta più volte durante il ridimensionamento, ma voglio acquisire il completamento del ridimensionamento. Questo è in IE. Qualche idea? Ci sono varie idee là fuori, ma non ha funzionato per me finora (esempio IE presunto evento window.onresizeend.)

Come recuperare il testo di un nodo di testo DOM?

Per un determinato nodo di testo nel DOM, è ansible utilizzare una di queste proprietà per recuperare il testo: textContent dati nodeValue wholeText Ma quale usare? = quale è il più affidabile e cross-browser … (Se più proprietà sono affidabili al 100% e cross-browser, quale sarebbe il più appropriato?) Aggiornare: In realtà, il testo wholeText […]

Classe ES6: accesso a “questo” con “addEventListener” applicato al metodo

In questo script es6, l’evento click non funziona perché il metodo sayHello viene chiamato con this.elm ( ) come this . come associare un evento a un metodo senza perdere l’ambito? class player{ constructor(name){ this.name = name; this.elm = document.createElement(‘div’); this.elm.addEventListener(‘click’, this.sayHello); } sayHello(){ console.log(this.name + ‘ say: “hello!”‘); // ‘undefined say ‘hello!”‘; } kill(){ […]

Ottenere larghezza e altezza di un’immagine con il lettore di file

Sto costruendo un ridimensionamento / ritaglio dell’immagine, e mi piacerebbe mostrare un’anteprima dal vivo dopo averlo modificato in modale (bootstrap). Questo dovrebbe funzionare, credo, ma ottengo solo 0 in console.log. Ciò richiede di alimentare la larghezza e l’altezza dell’immagine originale in un altro script (cosa che farò dopo, ne ho solo bisogno in console.log / […]