Als «dom» getaggte Fragen

Das Document Object Model (DOM) ist eine Möglichkeit, programmgesteuert auf Elemente einer Auszeichnungssprache wie XML und HTML zu verweisen. Verwendung mit [Javascript] oder einer anderen Programmiersprache mit einem DOM-Parser

2
Soll ich document.createDocumentFragment oder document.createElement verwenden?
Ich habe über Dokumentfragmente und DOM-Reflow gelesen und mich gefragt, wie document.createDocumentFragmentunterschiedlich es ist, document.createElementda es so aussieht, als ob keines von beiden im DOM vorhanden ist, bis ich sie an ein DOM-Element anhänge. Ich habe einen Test gemacht (siehe unten) und alle haben genau die gleiche Zeit gebraucht (ca. …
97 javascript  dom 
14
jQuery-Ereignis für geladene Bilder
Kann erkannt werden, wann alle Bilder über ein jQuery-Ereignis geladen wurden? Idealerweise sollte es eine geben $(document).idle(function() { } oder $(document).contentLoaded(function() { } Aber ich kann so etwas nicht finden. Ich dachte daran, ein Ereignis wie dieses anzuhängen: $(document).ready(function() { var imageTotal = $('img').length; var imageCount = 0; $('img').load(function(){if(++imageCount == …
96 jquery  dom 
11
Ruft die Zeichenfolgendarstellung eines DOM-Knotens ab
Javascript: Ich habe die DOM-Darstellung eines Knotens (Elements oder Dokuments) und suche nach der Zeichenfolgendarstellung davon. Z.B, var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); sollte ergeben: get_string(el) == "<p>Test</p>"; Ich habe das starke Gefühl, dass mir etwas trivial Einfaches fehlt, aber ich finde einfach keine Methode, die in IE, FF, Safari und …
2
Gibt es eine gute Möglichkeit, JavaScript-Objekte an HTML-Elemente anzuhängen?
Ich möchte ein JavaScript-Objekt einem HTML-Element zuordnen. Gibt es eine einfache Möglichkeit, dies zu tun? Ich habe festgestellt, dass HTML DOM eine setAttribute-Methode definiert und anscheinend für einen beliebigen Attributnamen definiert ist. Dies kann jedoch nur Zeichenfolgenwerte festlegen. (Sie können dies natürlich verwenden, um Schlüssel in einem Wörterbuch zu speichern.) …
96 javascript  dom 
11
Fokus-Eingabefeld beim Laden
Wie kann der Cursor beim Laden der Seite auf ein bestimmtes Eingabefeld fokussiert werden? Ist es möglich, auch den anfänglichen Textwert beizubehalten und den Cursor am Ende der Eingabe zu platzieren? <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />
95 javascript  html  dom  xhtml 
7
Wie konvertiere ich eine DOM-Knotenliste in ein Array in Javascript?
Ich habe eine Javascript-Funktion, die eine Liste von HTML-Knoten akzeptiert, aber ein Javascript-Array erwartet (es werden einige Array-Methoden ausgeführt), und ich möchte ihr die Ausgabe zuführen, die Document.getElementsByTagNameeine DOM-Knotenliste zurückgibt. Anfangs dachte ich daran, etwas Einfaches zu verwenden wie: Array.prototype.slice.call(list,0) Und das funktioniert in allen Browsern einwandfrei, außer natürlich Internet …
95 javascript  html  dom 
10
So erhalten Sie den HTML-Code für ein DOM-Element in Javascript
Stellen Sie sich vor, ich habe folgenden HTML-Code: <div><span><b>This is in bold</b></span></div> Ich möchte den HTML-Code für das Div erhalten, einschließlich des Div selbst. Element.innerHTML gibt nur Folgendes zurück: <span>...</span> Irgendwelche Ideen? Vielen Dank
94 javascript  html  dom 
7
getAttribute () versus Element-Objekteigenschaften?
Ausdrücke mögen Element.getAttribute("id")und Element.idgeben dasselbe zurück. Welches sollte verwendet werden, wenn wir Attribute eines HTMLElement-Objekts benötigen? Gibt es ein browserübergreifendes Problem mit diesen Methoden wie getAttribute()und setAttribute()? Oder Auswirkungen auf die Leistung zwischen dem direkten Zugriff auf Objekteigenschaften und der Verwendung dieser Attributmethoden?
92 javascript  html  dom 
11
So vermeiden Sie eine Neuzuweisung ohne Parameter, wenn Sie eine Eigenschaft für ein DOM-Objekt festlegen
Ich habe eine Methode, deren Hauptzweck darin besteht, eine Eigenschaft für ein DOM-Objekt festzulegen function (el) { el.expando = {}; } Ich verwende den Code-Stil von AirBnB, wodurch ESLint einen no-param-reassignFehler auslöst : Fehler Zuordnung zum Funktionsparameter 'el' no-param-Neuzuweisung Wie kann ich ein als Argument übergebenes DOM-Objekt manipulieren und dabei …
92 javascript  dom  eslint 
6
Unterschied zwischen HTMLCollection, NodeLists und Arrays von Objekten
Ich war immer verwirrt zwischen HTMLCollections, Objekten und Arrays, wenn es um DOM geht. Zum Beispiel... Was ist der Unterschied zwischen document.getElementsByTagName("td")und $("td")? $("#myTable") und $("td") sind Objekte (jQuery-Objekte). Warum zeigt console.log auch das Array von DOM-Elementen neben sich an, und sind sie keine Objekte und kein Array? Worum geht …
92 javascript  jquery  dom 
12
Javascript / DOM: Wie entferne ich alle Ereignisse eines DOM-Objekts?
На этот вопрос есть ответы на Stapelüberlauf на русском : Как заблокировать пользовательскую функцию для собыо Nur Frage: Gibt es eine Möglichkeit, alle Ereignisse eines Objekts, z. B. eines Div, vollständig zu entfernen? EDIT: Ich füge pro div.addEventListener('click',eventReturner(),false);Ereignis hinzu. function eventReturner() { return function() { dosomething(); }; } EDIT2: Ich …
92 javascript  events  dom 
8
Wie verschiebe ich einen iFrame im DOM, ohne seinen Status zu verlieren?
Schauen Sie sich diesen einfachen HTML-Code an: <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> Nehmen wir an, ich wollte die Wraps so verschieben, dass #wrap2sie vor dem liegen #wrap1. Die Iframes werden durch JavaScript verschmutzt. Mir sind jQuery's .insertAfter()und bekannt .insertBefore(). Wenn ich diese verwende, verliert der …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.