Ich kann Div mit ID sehen, 'BusinessCard' mit "Visitenkarte Info" aktualisiert, aber ich das Div innerhalb der mit ID 'Name' wird nicht aktualisiert.kann ein Div in einem anderen Div-Element mit InnerHTML-Methode nicht aktualisieren?
0
A
Antwort
0
innerHTML
am äußeren div löscht Ihr inneres div. Speichere das innere div bevor du innerHTML
am äußeren div verwendest.
window.onload = init;
function init() {
var button = document.getElementById("populateFields");
button.onclick = updateFields;
}
function updateFields() {
//save inner div
var innerdiv = document.getElementById("name");
innerdiv.innerHTML = "Name";
var outerdiv = document.getElementById("businessCard");
outerdiv.innerHTML = "Business Card Info";
// add inner div back
outerdiv.appendChild(innerdiv);
}
<div id="businessCard">sme
<div id="name">fdfdf</div>
</div>
<input type="button" value="populate fields" id="populateFields">
0
Da manche sagen innerHTML
böse ist, weil es Konsequenzen in DOM ist. Eine andere Lösung ist .firstChild.nodeValue
zu verwenden.
window.onload = init;
function init() {
var button = document.getElementById("populateFields");
button.onclick = updateFields;
}
function updateFields() {
document.getElementById("businessCard").firstChild.nodeValue = "Business Card Info";
document.getElementById("name").firstChild.nodeValue = "Name";
}
<div id="businessCard">
<div id="name"> </div>
</div>
<input type="button" value="populate fields" id="populateFields">
Verwandte Themen
- 1. Warum wurde ein div nicht in einem anderen div angezeigt?
- 2. Float ein DIV auf einem anderen DIV
- 3. Wie änderst du ein div mit einem anderen div, onmouseover?
- 4. ausrichten Mitte ein div in einem anderen div (Glitch)
- 5. Inhalt von einem div mit jquery aktualisieren
- 6. Vertikal zentrieren ein Div in einem anderen Div
- 7. Fixed div mit einem anderen div verwandt
- 8. Aktualisieren Sie ein Objekt mit einem anderen in LINQ
- 9. Wie kann ich ein Div unter einem anderen ausrichten?
- 10. Div nicht beibehalten min-width in einem anderen div, HTML
- 11. Wie kann ich ein Div immer über einem anderen div positionieren? (nicht überlagernd!)
- 12. Center div in einem anderen
- 13. ein DIV Verwendung eines anderen DIV
- 14. Position DIV relativ zu einem anderen DIV?
- 15. ein Div ausgeblendet basierend auf einem anderen Div Klasse
- 16. Positionieren Sie ein div relativ zu einem anderen div, das nicht sein Elternteil ist, mit CSS
- 17. Wie finde ich div in einem anderen div mit HtmlUnit?
- 18. Style ein Elternteil div basierend auf einem anderen div
- 19. Ein Feld mit Daten von einem anderen Schlüssel aktualisieren
- 20. Div in einem anderen Div nimmt falsch übergeordnete div Breite
- 21. Platzieren Sie ein Div über einem anderen Div
- 22. anhängen div mit einem anderen Div-Inhalt mit xpath
- 23. Hinzufügen div über einem anderen div
- 24. Ich möchte ein Div in einem anderen div zentrieren, aber nicht funktioniert?
- 25. Aktualisieren von Werten mit einem anderen Datenrahmen
- 26. Anfügen eines div in einem anderen div vorletztes div jquery
- 27. DIV über einem anderen DIV automatisch
- 28. Wie kann ich ein div nur in angular.js aktualisieren?
- 29. Optionswert in einem anderen div anzeigen
- 30. Kann nicht ein Feld zu einem anderen kopieren
Sobald Sie setzen businessCard.innerHTML = „Visitenkarte Info“, das innere div – Wainage
weg Gibt es eine Möglichkeit .. oder der einzige Weg ist, um getrennte divs? – tharun139
können Sie das innere Teil wieder in das äußere Teil einfügen: http://StackOverflow.com/Questions/14004117/create-div-and-append-div-dynamic –