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

6
SVG erhält Textelementbreite
Ich arbeite an ECMAScript / JavaScript für eine SVG-Datei und muss das widthund heighteines textElements abrufen, damit ich die Größe eines Rechtecks ​​ändern kann, das es umgibt. In HTML könnte ich die Attribute offsetWidthund offsetHeightfür das Element verwenden, aber es scheint, dass diese Eigenschaften nicht verfügbar sind. Hier ist ein …
105 javascript  dom  text  svg 
9
Ändern von CSS-Werten mit Javascript
Es ist einfach, Inline-CSS-Werte mit Javascript festzulegen. Wenn ich die Breite ändern möchte und HTML wie folgt habe: <div style="width: 10px"></div> Alles was ich tun muss ist: document.getElementById('id').style.width = value; Dadurch werden die Inline-Stylesheet-Werte geändert. Normalerweise ist dies kein Problem, da der Inline-Stil das Stylesheet überschreibt. Beispiel: <style> #tId { …
105 javascript  html  css  ajax  dom 
21
scrollIntoView Scrollt einfach zu weit
Ich habe eine Seite, auf der eine Bildlaufleiste mit Tabellenzeilen mit Divs dynamisch aus der Datenbank generiert wird. Jede Tabellenzeile verhält sich wie ein Link, wie Sie ihn auf einer YouTube-Wiedergabeliste neben dem Videoplayer sehen würden. Wenn ein Benutzer die Seite besucht, sollte die Option, auf der er sich befindet, …
105 javascript  dom  scroll 
3
XML-Dokument in Zeichenfolge
Was ist der einfachste Weg, um die String-Darstellung eines XML-Dokuments zu erhalten?org.w3c.dom.Document ) zu erhalten? Das heißt, alle Knoten befinden sich in einer einzelnen Zeile. Als Beispiel aus <root> <a>trge</a> <b>156</b> </root> (Dies ist nur eine Baumdarstellung, in meinem Code ist es ein org.w3c.dom.DocumentObjekt, daher kann ich es nicht als …
104 java  xml  string  dom  xmldocument 
13
Gibt es eine Möglichkeit, Geschwisterknoten auszuwählen?
Aus bestimmten Leistungsgründen versuche ich, nur Geschwisterknoten des ausgewählten Knotens auszuwählen. Beispielsweise, <div id="outer"> <div id="inner1"></div> <div id="inner2"></div> <div id="inner3"></div> <div id="inner4"></div> </div> Wenn ich inner1 node ausgewählt habe, gibt es eine Möglichkeit für mich, auf seine Geschwister, inner2-4Knoten , zuzugreifen ?
104 javascript  dom  siblings 
13
Wie legen Sie den Dokumenttitel in React fest?
Ich möchte den Dokumenttitel (in der Titelleiste des Browsers) für meine React-Anwendung festlegen. Ich habe versucht, den Titel des Reaktionsdokuments zu verwenden (scheint veraltet zu sein) und document.titledas constructorund componentDidMount()einzustellen - keine dieser Lösungen funktioniert.
104 javascript  reactjs  dom 
6
Warum gibt document.querySelectorAll eine StaticNodeList anstelle eines echten Arrays zurück?
Es nervt mich, dass ich nicht document.querySelectorAll(...).map(...)einmal in Firefox 3.6 etwas tun kann und immer noch keine Antwort finde. Deshalb dachte ich, ich würde die Frage aus diesem Blog auf SO posten: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Kennt jemand einen technischen Grund, warum Sie kein Array erhalten? Oder warum ein StaticNodeList nicht aus einem …
13
Wie verstecke ich eine <Option> in einem <Auswahl> -Menü mit CSS?
Ich habe festgestellt, dass Chrome es mir anscheinend nicht erlaubt, mich &lt;option&gt;in einem zu verstecken &lt;select&gt;. Firefox wird. Ich muss die &lt;option&gt;s ausblenden, die einem Suchkriterium entsprechen. In den Chrome-Web-Tools kann ich sehen, dass sie display: none;von meinem JavaScript korrekt eingestellt wurden, aber sobald dann auf das &lt;select&gt;Menü geklickt wird, …
102 javascript  jquery  css  dom 
3
Ist innerHTML asynchron?
Ich hoffe, ich mache mich nicht zum Narren, aber ich versuche zu verstehen, was in diesen beiden Codezeilen passiert: document.body.innerHTML = 'something'; alert('something else'); Was ich beobachte, ist, dass eine Warnung angezeigt wird, bevor HTML aktualisiert wurde (oder vielleicht, aber die Seite wurde nicht aktualisiert / neu gestrichen / was …
6
So durchlaufen Sie getElementsByClassName korrekt
Ich bin Javascript-Anfänger. Ich starte eine Webseite über die window.onload, ich muss eine Reihe von Elementen anhand ihres Klassennamens ( slide) finden und sie basierend auf einer bestimmten Logik auf verschiedene Knoten verteilen. Ich habe eine Funktion, Distribute(element)die ein Element als Eingabe nimmt und die Verteilung übernimmt. Ich möchte so …
100 javascript  html  dom 
9
Ermitteln der ID eines übergeordneten Div mithilfe von Jquery
Ich habe ein HTML wie dieses: &lt;div id="1"&gt; &lt;p&gt; Volume = &lt;input type="text" /&gt; &lt;button rel="3.93e-6" class="1" type="button"&gt;Check answer&lt;/button&gt; &lt;/p&gt; &lt;div&gt;&lt;/div&gt; &lt;/div&gt; und einige JS mögen das: $("button").click(function () { var buttonNo = $(this).attr('class'); var correct = Number($(this).attr('rel')); validate (Number($("#"+buttonNo+" input").val()),correct); $("#"+buttonNo+" div").html(feedback); }); Was ich wirklich gerne hätte, wäre, …
99 jquery  dom  semantics 
3
Was ist Schattenwurzel?
In den Entwicklertools von Google Chrome wird #shadow-rootrechts unter dem &lt;html lang="en"&gt;Tag angezeigt. Was macht es und wofür wird es verwendet? Ich sehe es weder in Firefox noch im IE. Ist dies nur in Chrome eine Besonderheit? Wenn ich es öffne, wird es angezeigt &lt;head&gt;und &lt;body&gt;und ein Link neben benannt …
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.