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

8
Wie schalte ich die Klasse eines Elements in reinem JavaScript um?
Ich suche nach einer Möglichkeit, diesen jQuery-Code (der im Abschnitt "Responsive Menu" verwendet wird) in reines JavaScript zu konvertieren. Wenn die Implementierung schwierig ist, können andere JavaScript-Frameworks verwendet werden. $('.btn-navbar').click(function() { $('.container-fluid:first').toggleClass('menu-hidden'); $('#menu').toggleClass('hidden-phone'); if (typeof masonryGallery != 'undefined') masonryGallery(); });
126 javascript  dom  toggle 
6
innerText vs innerHTML vs label vs text vs textContent vs äußereText
Ich habe eine Dropdown-Liste, die mit Javascript gefüllt ist. Bei der Entscheidung, welcher Standardwert beim Laden angezeigt werden soll, wurde mir klar, dass die folgenden Eigenschaften genau dieselben Werte aufweisen: innerText innerHtml label text textContent outerText Meine eigene Forschung zeigt Benchmarking-Tests oder Vergleiche zwischen einigen von ihnen, aber nicht allen. …
124 javascript  html  dom 
5
Abrufen von DOM-Elementen nach Klassennamen
Ich verwende PHP-DOM und versuche, ein Element innerhalb eines DOM-Knotens mit einem bestimmten Klassennamen abzurufen. Was ist der beste Weg, um dieses Unterelement zu erhalten? Update: Am Ende habe ich MechanizePHP verwendet, mit dem ich viel einfacher arbeiten konnte.
124 php  css  dom 
11
Holen Sie sich den untergeordneten Knotenindex
Gibt es in direktem Javascript (dh ohne Erweiterungen wie jQuery usw.) eine Möglichkeit, den Index eines untergeordneten Knotens innerhalb seines übergeordneten Knotens zu bestimmen, ohne alle untergeordneten Knoten zu durchlaufen und zu vergleichen? Z.B, var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; …
124 javascript  dom 
9
Holen Sie sich ausgewählten Optionstext mit JavaScript
Ich habe eine Dropdown-Liste wie diese: <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> Wie kann ich den tatsächlichen Optionstext anstelle des Werts mit JavaScript abrufen? Ich kann den Wert mit so etwas wie: <select id="box1" onChange="myNewFunction(this.selectedIndex);" > Aber anstatt dass 7122ich will cat.
6
Was ist der Unterschied zwischen Breite, innerer Breite und äußerer Breite, Höhe, innerer Höhe und äußerer Höhe in jQuery?
Ich habe ein Beispiel geschrieben, um zu sehen, was der Unterschied ist, aber sie zeigen mir die gleichen Ergebnisse für Breite und Höhe. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth …
123 javascript  jquery  css  dom  styles 
7
React.js: onChange-Ereignis für contentEditable
Wie höre ich, um ein Ereignis für eine contentEditablebasierte Steuerung zu ändern ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number …
3
Legen Sie ein benutzerdefiniertes Attribut mit JavaScript fest
Ich verwende The DynaTree (https://code.google.com/p/dynatree), habe aber einige Probleme und hoffe, dass jemand helfen kann. Ich zeige den Baum auf der Seite wie folgt an: <div id="tree"> <ul> <li class="folder">Outputs <ul> <li id="item1" data="icon: 'base.gif', url: 'page1.htm', target: 'AccessPage'">Item 1 Title <li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 …
119 javascript  dom  dynatree 
10
Verwenden von querySelectorAll zum Abrufen direkter untergeordneter Elemente
Ich kann das: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Das heißt, ich kann erfolgreich alle direkten untergeordneten myDivElemente des Elements mit Klasse abrufen .foo. Das Problem ist, es stört mich, dass ich das #myDivin den Selektor aufnehmen muss, weil ich die Abfrage für das myDivElement …
2
Javascript querySelector vs. getElementById [geschlossen]
Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie durch Bearbeiten dieses Beitrags mit Fakten und Zitaten beantwortet werden kann . Geschlossen vor 5 Jahren . Verbessere diese Frage Ich habe gehört, dass querySelector& querySelectorAllneue …
119 javascript  jquery  dom 
5
Holen Sie sich ein Element nach Index in jQuery
Ich habe eine ungeordnete Liste und den Index eines liTags in dieser Liste. Ich muss das liElement mithilfe dieses Index abrufen und seine Hintergrundfarbe ändern. Ist dies möglich, ohne die gesamte Liste zu durchlaufen? Ich meine, gibt es eine Methode, mit der diese Funktionalität erreicht werden kann? Hier ist mein …
117 jquery  dom  get 
6
Wie kann ich eine Direktive ausführen, nachdem der Dom das Rendern beendet hat?
Ich habe ein scheinbar einfaches Problem ohne offensichtliche Lösung (durch Lesen der Angular JS-Dokumente) . Ich habe eine Angular JS-Direktive, die einige Berechnungen basierend auf der Höhe anderer DOM-Elemente durchführt, um die Höhe eines Containers im DOM zu definieren. Ähnliches geschieht in der Richtlinie: return function(scope, element, attrs) { $('.main').height( …
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.