Ich mache eine Chrome-Erweiterung und ich muss die Hintergrundfarbe der aktuellen Seite und ändern Sie die Hintergrundfarbe eines Fensters auf die zuvor erhaltene Farbe, wie kann Ich mache das in Javascript (mit oder ohne jQuery) und bei Bedarf html oder css?Get und Verwenden Sie Hintergrundfarbe, um die gleiche Farbe in anderen Fenster
0
A
Antwort
0
können Sie verwenden DOMObject.style.backgroundColor und window.getComputedStyle:
<object to set background color of>.style.backgroundColor = window.getComputedStyle(document.getElementsByTagName(“BODY”)[0], null).getPropertyValue("background-color")
Sie Dokumentation finden Sie hier:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
0
dieses aktiv versuchen, in gleiches Fenster:
<script src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>
<style>
body {
background: #279DDD;
}
</style>
<p>Click the button to put the new window in the current window.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
debugger;
var bgColor=$('body').css('background');
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
myWindow.document.body.style.background = bgColor;
}
</script>
oder diese in einem neuen Fenster
versuchen Sie dies:
<script src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>
<style>
body {
background: #279DDD;
}
</style>
<p>Click the button to put the new window in the current window.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
debugger;
var bgColor=$('body').css('background');
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I new window.</p>");
myWindow.document.body.style.background = bgColor;
}
</script>
Verwandte Themen
- 1. Wie Panel Farbe zu ändern, um die Fenster Farbe
- 2. WinApi - Get Standard-Hintergrundfarbe
- 3. Verwenden Sie das gleiche WPF-Fenster für zwei verschiedene Zwecke
- 4. Holen Sie sich Farbe von Floating-Action-Taste und verwenden Sie es auf Edittext ändern Hintergrundfarbe
- 5. Rand-Top-Farbe muss die gleiche Farbe wie aktive Registerkarte Hintergrundfarbe, wenn Registerkarte ist klicken
- 6. Swift: Ändern Sie die Hintergrundfarbe im Fenster programmatisch
- 7. Verwenden Sie die Tabulatortaste, um die gleiche .hover Funktion auszulösen
- 8. Webkit CSS, um die Box um die Farbe in einer Eingabe [Typ = Farbe] zu steuern?
- 9. Ändern Statusleiste Farbe gleiche Navigationsleiste Farbe programmgesteuert
- 10. Verwenden Sie Farbe mit Alpha Fill NSView?
- 11. Verwenden Sie jQuery, um div von Hintergrundfarbe zu finden
- 12. Hintergrundfarbe wie weiß von recyclerview und Trennlinie die gleiche Farbe wie das Hintergrundbild
- 13. Verwenden Sie die gleiche URL für Abfrage und Update
- 14. ändern navigationbar Farbe (Hintergrundfarbe)
- 15. auf ausgewählte Farbe ändern Hintergrundfarbe
- 16. Verwenden Sie die gleiche Methode, um andere Datei herunterladen
- 17. Eclipse "Variables" Fenster, Farbe geändert
- 18. Verwenden Sie die gleiche Zufallszahl in Javascript UND PHP
- 19. die Farbe wechseln, um das gleiche Element Winkel
- 20. Android - Farbe aus benutzerdefinierten Attribut zurückgegeben einen anderen Wert als die gleiche Farbe aus colors.xml
- 21. QPushButton get Farbe
- 22. Verwenden Sie die gleiche Jsession ID, um sich an einem anderen Computer anzumelden
- 23. Objective-C: Statusleiste Farbe und Navigations Farbe ist nicht gleich ist auch gesetzt ich gleiche Farbe in iOS 11
- 24. CSS-Validierungsfehler: Gleiche Farben für Farbe und Hintergrundfarbe in zwei Kontexten
- 25. Verwenden Sie SinonJS, um die gleiche Funktion zu stutzen und auszuspionieren?
- 26. Verwenden Sie das gleiche WKWebView in anderen Klassen
- 27. Android Spinner Hintergrundfarbe und Dreieck Farbe
- 28. unbekannte Muster Farbe für die Hintergrundfarbe Attribut
- 29. Speichern Sie die Farbe mit Hilfe der Farbe jquery oder einer anderen Methode
- 30. css: Klasse, die eine Farbe in vorhandene Hintergrundfarbe mischt?