Tag: dom-manipulation
Der Prozess der änderung des Document Object Model (DOM). Es umfasst das hinzufügen, entfernen oder ändern von DOM-Elementen.
Mit jQuery-wie können wir entfernen disabled-Attribut aus allen Elementen, deren Wert false ist?
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
jQuery Klasse hinzufügen, um bestimmte Elemente
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
Ändern Sie den tag, aber halten Sie die Attribute und Inhalt — jQuery/Javascript
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
Jquery replaceWith funktioniert nicht
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
Gewusst wie: hinzufügen boolean-Attribut mit JavaScript
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,
Hinzufügen von text in eine Tabelle Zelle Daten mit jQuery
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
Platz von html in javascript?
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
jQuery - wie zum Anhängen mehrere Knoten für container
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
Wie erstellen checkbox-Spalte in der Tabelle?
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
Erstellen von Tabellen dynamisch in jQuery
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(
jQuery - .append() mit .fadeIn() nicht funktioniert
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 -
entfernen Sie ein element, das vor dem ausgewählten element
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.
So entfernen Sie ursprüngliche element, nachdem es geklont wurde?
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
Verfügbarkeit von MutationObservers in Internet Explorer
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,
erstellen und entfernen <div> - element im javascript
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"
So fügen Sie eine <tbody> angegebenen <table > mit jQuery?
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.
Legen Sie nach dem übergeordneten element
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
Wie kann ich markieren, eine ausgewählte Listenelement mit jquery?
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="#"
ersetzen Sie ein div mit der anderen auf hover
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
Wie kann ich Sie entfernen-wrapper - (Eltern-element), ohne zu entfernen das Kind?
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
Anhängen ein DOM-element zweimal (jQuery)
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
entfernen Sie die 3 letzten divs mit jQuery
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 =
jQuery wie entfernen Sie alle <span> - tags aus einem <div>?
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
Finden javascript, das DOM-element zu ändern
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ß,
Laden AngularJS-Template in der Seite, dynamisch
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>
Was ist mit innerHTML auf input-Elemente?
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
Auto-Größenänderung das SELECT-element gemäß der ausgewählten OPTION Breite
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,
Erstellen Sie ein label unter Verwendung von jQuery on-the-fly
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
So verschieben Sie alle HTML-element-Kinder zum anderen Elternteil mit JavaScript?
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,
Wo kommt der DOM-manipulation gehören im Winkel 2?
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
Mit RegExp, um dynamisch erstellen Sie einen Regulären Ausdruck und Inhalt zu filtern
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>
jQuery (leer) vs remove()
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
Fügen Sie bei der Verwendung von jQuery .append () Zeilenumbrüche oder Leerzeichen zwischen Elementen hinzu.
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
Wie füge ich einem gegebenen Element eine Klasse hinzu?
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
Verwenden von document.createDocumentFragment () und innerHTML, um ein DOM zu bearbeiten
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
Entfernen Sie das Element mit jQuery, aber lassen Sie den Text
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
filtert das ng-Modell in einer Eingabe
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
So löschen Sie alle Inhalte von & lt; div & gt; s in einem Elternteil & lt; div & gt ;?
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
Wie testet man DOM-Manipulation (mit Jasmin)?
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
Wie lösche ich den Inhalt eines Divs ohne innerHTML = "";
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