Web-Frontend
HTML-Tutorial
Warum wirkt sich einige geänderte Inhalte beim Drucken von Formularen mit JavaScript nicht aus?
Warum wirkt sich einige geänderte Inhalte beim Drucken von Formularen mit JavaScript nicht aus?
Lösen
Wenn Sie Webformulare mit JavaScript drucken, stellen Sie manchmal fest, dass der geänderte Inhalt des Benutzers nicht in der Print -Vorschau spiegelt. Dies liegt daran, dass das Erhalten von Formular HTML direkt (z .prop("outerHTML") Beispielsweise wird der Inhalt des Textfelds oder das Kontrollkästchen Status möglicherweise nicht korrekt reflektiert.
Das Problem besteht darin, dass das direkte Erhalten von HTML in Echtzeit keinen dynamisch geänderten Inhalt aktualisieren kann. Um dieses Problem zu lösen, müssen Sie die Methode cloneNode(true) verwenden, um den Formularknoten zu klonen, um sicherzustellen, dass der geklonte Knoten alle neuesten Benutzereingaben und Statusänderungen enthält.
Hier ist ein verbessertes Codebeispiel, das zeigt, wie dieses Problem mit cloneNode(true) gelöst werden kann:
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dokumentieren</title>
<div id="divKanZhengPanel-binli">
<div>
<div class="checkDiv">
<label>Richtige Position</label>
<label>Externe Neigung</label>
<label>Innere Neigung</label>
<label>Äußere versteckte Schräge</label>
<label>Implizite schräge</label>
</div>
</div>
</div>
<button id="dw">Klicken Sie auf mich zum Drucken</button>
<script>
document.getElementById('dw').addEventListener('click', function() {
$('#print-iframe').remove(); // 清除之前的iframe
let iframe = document.createElement('iframe');
iframe.id = 'print-iframe';
iframe.style.cssText = 'position:absolute;width:0px;height:0px;left:-0px;top:-0px;visibility:hidden;';
document.body.appendChild(iframe);
let doc = iframe.contentWindow.document;
doc.open();
doc.write('<html><head><title>打印预览<body>');
doc.body.appendChild(document.querySelector('#divKanZhengPanel-binli').cloneNode(true));
doc.write('</script>Das obige ist der detaillierte Inhalt vonWarum wirkt sich einige geänderte Inhalte beim Drucken von Formularen mit JavaScript nicht aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1653
14
1413
52
1304
25
1251
29
1224
24
So zeigen Sie Kinderkategorien auf der Archivseite der übergeordneten Kategorien an
Apr 19, 2025 pm 11:54 PM
Möchten Sie wissen, wie Sie untergeordnete Kategorien auf der Seite der übergeordneten Kategorie -Archivseite angezeigt werden? Wenn Sie eine Klassifizierungsarchivseite anpassen, müssen Sie dies möglicherweise tun, um es Ihren Besuchern nützlicher zu machen. In diesem Artikel zeigen wir Ihnen, wie Sie Kinderkategorien auf der Seite der Elternkategorie problemlos anzeigen können. Warum erscheinen Unterkategorien auf der Seite der übergeordneten Kategorie -Archiv -Seite? Indem Sie alle Kinderkategorien auf der Seite der übergeordneten Kategorie -Archiv -Seite anzeigen, können Sie sie für Besucher weniger allgemein und nützlicher machen. Wenn Sie beispielsweise einen WordPress-Blog über Bücher ausführen und eine Taxonomie namens "Thema" haben, können Sie Untertaxonomie wie "Roman", "Sachbücher" hinzufügen, damit Ihre Leser können
HTML vs. CSS und JavaScript: Vergleich von Webtechnologien
Apr 23, 2025 am 12:05 AM
HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.
Warum ist der Anstieg oder Abfall der virtuellen Währungspreise? Warum ist der Anstieg oder Abfall der virtuellen Währungspreise?
Apr 21, 2025 am 08:57 AM
Faktoren der steigenden Preise für virtuelle Währung sind: 1. Erhöhte Marktnachfrage, 2. Verringertes Angebot, 3.. Rückgangsfaktoren umfassen: 1. Verringerte Marktnachfrage, 2. Erhöhtes Angebot, 3. Streik der negativen Nachrichten, 4. Pessimistische Marktstimmung, 5. makroökonomisches Umfeld.
Welche Währungsbörsen 2025 sind sicherer?
Apr 20, 2025 pm 06:09 PM
Zu den zehn besten sicheren und zuverlässigen Austauschern im Kryptowährungskreis 2025 gehören: 1. Binance, 2. OKX, 3. Gate.io (Sesam offen), 4. Coinbase, 5. Kraken, 6. Huobi Global, 7. Gemini, 8. Crypto.com, 9. Bitfinex, 10. Kucoin. Diese Börsen werden basierend auf Compliance, technischer Stärke und Benutzerkennzahl als sicher und zuverlässig eingestuft.
Warum verursacht das Frühlingsprojekt beim Starten aufgrund von kreisförmigen Abhängigkeiten Zufälligkeitsprobleme?
Apr 19, 2025 pm 11:21 PM
Verstehen Sie die Zufälligkeit von kreisförmigen Abhängigkeiten beim Start des Frühlingsprojekts. Bei der Entwicklung des Frühlingsprojekts können Sie Zufälligkeit begegnen, die durch kreisförmige Abhängigkeiten beim Projektstart verursacht werden ...
Warum müssen Sie in JDBCs PreparedStatement anstelle der allgemeinen SetObject -Methode eine spezifische Einstellungsmethode für Parametertypen verwenden?
Apr 19, 2025 pm 08:00 PM
JDBC ...
Warum ist der Rückgabewert leer, wenn redistemplate für die Stapelabfrage verwendet wird?
Apr 19, 2025 pm 10:15 PM
Warum ist der Rückgabewert leer, wenn redistemplate für die Stapelabfrage verwendet wird? Bei Verwendung von Redistemplate für Batch -Abfragevorgänge können Sie auf die zurückgegebenen Ergebnisse stoßen ...
Warum kann JavaScript nicht direkt Hardwareinformationen auf dem Computer des Benutzers erhalten?
Apr 19, 2025 pm 08:15 PM
Diskussion über die Gründe, warum JavaScript keine Benutzer -Computer -Hardware -Informationen in der täglichen Programmierung erhalten kann. Viele Entwickler werden neugierig sein, warum JavaScript nicht direkt erhalten werden kann ...
