Tag: dom-manipulation
Der Prozess der änderung des Document Object Model (DOM). Es umfasst das hinzufügen, entfernen oder ändern von DOM-Elementen.
5
Antworten
Habe ich input Checkboxen gedruckt, wie die folgenden. <input type="checkbox" id="a1" value="11" disabled="false"> <input type="checkbox" id="a2" value="21" disabled="true"> <input type="checkbox" id="a3" value="31" disabled="false"> Ich weiß, Behinderten-Attribut hat keinen Wert. Also, wenn das Attribut vorhanden ist das element
4
Antworten
Habe ich eine multilevel-Menü wie dieses : <ul> <li>item 1 <ul> <li>item 1.1</li> <li>item 1.2</li> </ul> </li> <li>item 2</li> <li>item 3 <ul> <li>item 3.1</li> <li>item 3.2</li> </ul> </li> <li>item 4</li> </ul> In jQuery habe ich $("#divId ul
6
Antworten
Text geändert <p href="page.html" class="class1 class2" id="thisid">Text</p> Ich bin vertraut mit jQuery replaceWith aber, dass nicht halten die Attribute/content soweit ich weiß. Hinweis: Warum sollte p eine href? Cuz ich ändern muss p zurück a auf ein
3
Antworten
Mithilfe Von Jquery 1.7.1 Ich habe zwei divs <div class="highlightStart"></div> {page content here} <div class="highlightEnd"></div> Diese zeigen sich in den Quelltext der Seite. Aber das jquery habe ich Hinzugefügt, am unteren Rand der Seite funktioniert nicht: <script
6
Antworten
Wie fügen Sie boolean-Attribute mit JavaScript? Zum Beispiel, wie können Sie das ändern: <p> zu <p contenteditable> <p> zu <p data-example> Das sind HTML-Attribute. Ob Sie sind boolean, die in der Natur nicht wirklich mater. Für contenteditable,
1
Antworten
Warum dieser code: row.append($("<td></td>").text("someText")); ...nicht funktioniert, und wie ich es beheben kann? funktioniert nicht, wie? was ist row? was ist das html-markup? wir würden gerne den code sehen. poste es bitte Stellen Sie sicher, dass row ist
3
Antworten
Ich html in javascript. Insbesondere möchte ich hinzufügen, einen HTML-link um ein div-tag mit javascript. html: <div id="mydivtag"></div> javascript: document.getElementById('mydivtag').innerHTML = "<li><a href=\"someLink\">Some Link</a></li> "; Bin ich mit der Formatierung der html-link bin ich durch hinzufügen von
4
Antworten
Muss ich anfügen, mehrere Knoten auf einen container. Anstatt eine langsame DOM append in jeder iteration möchte ich die Warteschlange der Knoten in einem Dokument-fragment (offen für andere Ideen) und fügen Sie Sie alle auf einmal. Hier
2
Antworten
Bin ich dynamisch eine Tabelle erstellen mit JavaScript-code unten: function CreatTable(data) { var tablearea; var table; var thead; var tr; var th; tablearea = document.getElementById('ShowDataID'); table = document.createElement('table'); thead = document.createElement('thead'); tr = document.createElement('tr'); for (var i
1
Antworten
Baue ich einige <table> Daten, die dynamisch mit jQuery, aber ich bin immer der folgende Fehler: Nicht abgefangener Fehler: HIERARCHY_REQUEST_ERR: DOM Exception 3 Dies geschieht bei appendTo Teil von einem Skript, das wie folgt aussieht: $('<tr />').append(
3
Antworten
Ich habe einige Mühe, diese arbeiten: $("#cloud1").live("mouseenter", function() { $(this).append('<div class="cloud1"><img src="http://mercury-consulting.theportlandco.com/wp-content/uploads/2010/10/1.png" width="470" height="400"/></div>'); $(this).fadeIn('slow'); }); Seine nicht verblassen, wenn ich den Mauszeiger über das div-Element, es erscheint einfach. Nicht sicher, was das Problem ist es -
1
Antworten
Ich bin dabei einige form-Fehler-handling/manipulation und ich das Bedürfnis haben, zu entfernen, ist ein Fehler div, bevor die Eingabe wird validiert... HTML: <p><div class="textError"></div><input type="text" name="someInputField" /></p> Möchte ich zum entfernen der div.textError wenn das Eingabefeld validiert.
2
Antworten
HTML: <div id="test"> <p class="test1">test 1</p> <p class="test2">test 2</p> <p class="test3">test 3</p> <p class="test4">test 4</p> </div> <div class="clickdiv">click</div> jQuery $('.clickdiv').on('click', function(){ $('.test1').clone().appendTo('#test'); } Dadurch wird eine weitere <p> mit class = "test1". Nun, wie kann ich entfernen
2
Antworten
AFAIK mutation Beobachter sind noch nicht verfügbar in IE. Chrome, Safari, Firefox haben, Ihre Implementierungen und Ihre arbeiten seinen Weg durch die Standardisierung Prozess. Ich wundere mich, wenn jemand (vorzugsweise MS-Mitarbeiter) kennt die Geschichte mit dem IE,
3
Antworten
function labelOnClick () { function makeDivId(id) { return id + "_div"; }; var div = this.getElementById(makeDivId(this.id)); if (div) { div.parentNode.removeChild(div); } else { div = document.createElement("div"); div.innerHTML = "welcome"; div.id = makeDivId(this.id); this.appendChild(div); } } <label id="1"
4
Antworten
Möchte ich hinzufügen, dass das tbody unten: <tbody id="contact"> ... </tbody> einer angegebenen Tabelle: <table id="target"> ... </table> Tabellen sind ein wenig spröde... Es stabiler ist der Ersatz der gesamten Tabelle anstelle der änderung ein Teil davon.
3
Antworten
Welche Art von Selektor würde ich benötigen, um Sie zu legen, nachdem die Eltern (divouter) der "test3" - Klasse in dem Beispiel unten? Danke. <div class='divouter'> <div class='divinner'> <input class=test1></input> </div> </div> <div class='divouter'> <div class='divinner'> <input
3
Antworten
Ich habe mehrere Elemente in einer Liste und möchten betonen, dass die ein Benutzer klickt auf einen durch die Anwendung der css-Stil, vielleicht eine hintergrund Farbe usw. Mein HTML sieht so aus: <ul class="thumbnails"> <li> <a href="#"
4
Antworten
Ich ersetzen möchte ein div mit einer anderen, wenn die Maus über es. Speziell dort werden durchschnittlich in Worten, wie "kämpfen" oder "über den Erwartungen", und ich möchte diese ersetzen mit den numerischen Durchschnitt, wenn der Benutzer
7
Antworten
Möchte ich entfernen Sie die Eltern-ohne zu entfernen das Kind - ist das möglich? HTML-Struktur: <div class="wrapper"> <img src""> </div> <div class="button">Remove wrapper</div> Nach einem Klick auf den button, den ich gerne haben möchte: <img src""> <div
4
Antworten
Kann mir jemand erklären, warum der folgende Code nicht hinzufügen <foo> sowohl #a und #b? HTML: <div id="a"></div> <div id="b"></div> JS: $(function(){ var $foo = $("<foo>HI</foo>"); $("#a").append($foo); $("#b").append($foo); }); jsfiddle Edit: danke für die hilfreiche Punkte, die
1
Antworten
<div id="widgetAreaFooter"> <div class="row">1</div> <div class="row">2</div> <div class="row">3</div> <div class="row">4</div> <div class="row">5</div> <div class="row">6</div> <div class="row">7</div> </div> So entfernen Sie die 3 letzten div ? Ich versuchte dieses aber es hat nicht funktioniert :/ var row =
2
Antworten
Habe ich versucht, die beiden folgenden aber keiner von Ihnen arbeitete: $('#divhtml').remove('span') $('#divhtml').find('span').remove() EDIT: $('#divhtml').find('span').remove() arbeitete auf den 2. Versuch. Nur um zu bestätigen, dass eines Ihrer div hat id="divhtml"? Wenn $('#divhtml').find('span').remove() funktioniert nicht, problem muss woanders
3
Antworten
Gibt es irgendwelche Techniken, die ich verwenden können, um zu finden, was javascript ist die änderung einer HTML-element? Ich bin mit einigen Schwierigkeiten, wie ein bestimmtes element ist immer ein inline-Stil display:none Hinzugefügt am laden. Ich weiß,
3
Antworten
Ich habe eine Seite mit 2 Controllern: man verwaltet eine Liste von sogenannten 'apps' und eine andere, die ist, die neue Eckige Vorlage in die innerHTML-seiner-Div-element. <div ng-controller="appList"></div> <div ng-controller="appPane"> Dynamic content should be loaded here! </div>
8
Antworten
Ich versuche nur, dies zu tun aus dem chrome-Konsole auf Wikipedia. Ich lege mein cursor in die Suchleiste und dann versuchen zu tun document.activeElement.innerHTML += "some text" aber es funktioniert nicht. Ich gegoogelt um und sah die
4
Antworten
Habe ich dieses select element mit verschiedenen option. Normalerweise wird der select element bekommen würde, dessen Breite von der größten option element, aber ich will das select element, um die Standard - option Wert ist die Breite,
4
Antworten
Muss ich erstellen Sie ein label und ein Textfeld auf der fliege und auch datepicker für die textfield-Instanz. Ich brauche so etwas wie dieses: <label for="from">From </label> <input type="text" id="from" name="from" /> Ich habe versucht so etwas
3
Antworten
Vorstellen: <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> <div id="new-parent"></div> Was JavaScript geschrieben werden können, verschieben Sie alle der untergeordneten Knoten (die beiden Elemente und text-Knoten) aus old-parent zu new-parent ohne jQuery? Ich kümmern sich nicht darum,
2
Antworten
Im Winkel 1 alle DOM-manipulation durchgeführt werden sollte, die in Richtlinien, um sicherzustellen, dass die ordnungsgemäße Testbarkeit, aber was ist mit Winkel 2? Wie hat sich diese verändert? Ich habe die Suche nach guten Artikel oder Informationen
1
Antworten
Ich bin kämpfen mit der RegExp Objekt, mir zu erlauben, dynamisch einen Ausdruck erstellen, und wenden Sie es auf eine Gruppe von Elementen. Hier ein jsFiddleunten ist der code: <div id='selectors'><span>A-F</span><span>G-L</span><span>M-S</span><span>T-Z</span></div> <a hreh=#>Astring</a> <a hreh=#>Cstring</a> <a hreh=#>Xstring</a>
3
Antworten
Was ist der Unterschied zwischen empty() und remove()Methoden in jQueryund wenn wir rufen alle diese Methoden, die Objekte erstellt werden vernichtet und der Speicher freigegeben? InformationsquelleAutor der Frage mabuzer | 2010-06-22
3
Antworten
Ich habe ein jQuery-Elemente, die ich von meinem DOM durch den Aufruf: $(".some-selector"); Alle meine Elemente werden DIVs jeweils in einer eigenen Zeile. Meine DIVs setzen Sie CSS (unter anderem) display: inline-block; was verhindert, dass Sie vom
19
Antworten
Ich habe ein element, das schon eine Klasse: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Möchte ich nun erstellen Sie eine Javascript-Funktion, die eine Klasse hinzufügen, um die div (nicht ersetzen, sondern hinzufügen). Wie kann ich
7
Antworten
Ich bin erstellen Sie ein Dokument-fragment wie folgt: var aWholeHTMLDocument = '<!doctype html> <html><head></head><body><h1>hello world</h1></body></html>'; var frag = document.createDocumentFragment(); frag.innerHTML = aWholeHTMLDocument; Die variable aWholeHTMLDocument enthält eine lange Zeichenfolge, die das gesamte html-Dokument von einer Seite, und
3
Antworten
Ich habe etwas html, welches wie folgt aussieht: <div> <span class="red">red text</span> some more text <span class="blue">blue text</span> </div> Was ich tun will ist jQuery verwenden, um entfernen Sie alle die Spannweiten innerhalb der div-unabhängig davon, befestigt
8
Antworten
Ich hab ein text input und ich will nicht, um Benutzern zu erlauben, verwenden Sie Leerzeichen, und alles, was eingegeben wird verwandelt werden in Kleinbuchstaben. Ich weiß, ich bin nicht erlaubt, Filter zu verwenden, die auf ng-Modell
12
Antworten
Ich habe ein div - <div id="masterdiv"> hat mehrere untergeordnete <div>s. Beispiel: <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="childdiv3" /> </div> Gewusst wie: löschen Sie den Inhalt aller untergeordneten <div>s im master <div> mithilfe
2
Antworten
Ich brauche unit-Tests einige DOM-manipulation Funktionen mit Jasmin (derzeit habe ich tests im browser und mit Karma) Ich Frage mich, was der beste Ansatz wäre, dies zu tun ? Ich kann zum Beispiel mock und stub die
5
Antworten
Ich habe einen div, der gefüllt ist von JS erstellt von DOM-Elementen, Möchte ich die div gelöscht werden, auf die JS-Funktion zu wiederholen, aber ich habe gehört, dass die Verwendung document.getElementById('elName').innerHTML = ""; ist nicht eine gute