私はChrome拡張機能を使用していますが、現在のページの背景色を取得し、以前取得した色に変更する必要があります。私はjavascriptで(jQueryの有無にかかわらず)、必要な場合はHTMLやCSSを行いますか?背景色を取得して他のウィンドウで同じ色を適用する
0
A
答えて
0
あなたはDOMObject.style.backgroundColorとwindow.getComputedStyleがを使用することができます。
<object to set background color of>.style.backgroundColor = window.getComputedStyle(document.getElementsByTagName(“BODY”)[0], null).getPropertyValue("background-color")
あなたがここにドキュメントを見つけることができます。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
0
はこのアクティブを試してみてください同じウィンドウ:
新しいウィンドウで
<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>
またはこの
これを試してみてください。
<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>
関連する問題
- 1. ウィンドウの背景色を取得する
- 2. JavaScriptで「背景色:背景」 - 色を取得するには?
- 3. QTPでCSSを使用して背景色を取得する
- 4. レイアウトの背景色を取得する
- 5. ListViewの同じ項目の背景色を同じにする
- 6. グラデーションの背景色と画像を同時に適用する
- 7. テキストボックスの背景色を取得
- 8. デフォルトの背景色を取得
- 9. 背景色に応じてテキストの色を変更します/色
- 10. リストビューで選択した行の背景色を取得する
- 11. アンドロイドでトーストの背景色、背景色、テキスト色をカスタマイズする方法
- 12. 同じ日付の行の背景色を設定する
- 13. iframeの背景色をdivと同じにする方法
- 14. colordialog.customcolorをフォームの背景色と同じにする
- 15. フラッシュas3 - bit101コンポーネントのウィンドウの背景色
- 16. UIWebView htmlから背景色を取得していますか?
- 17. dxDataGridコントロールに背景色を適用してExcelにエクスポート
- 18. ウィンドウの状態に応じてビューの背景色を設定する
- 19. QPushButtonを取得する背景色を押した
- 20. Javafxでタイルペインの背景色を取得するには?
- 21. WKInterfaceGroupの背景色をプログラムで取得する(WatchKit)
- 22. キャンバスの背景色を16進形式で取得する
- 23. GDI +グラフィックスメソッドを使用してテキストの前景色と背景色を変更する - 色を変換する
- 24. #000形式の背景色を取得し、このコードで
- 25. 背景色SASSの他の行
- 26. smartgwtの特定のセルの背景色を適用するListGrid
- 27. jqueryを使用してスタイルシートから背景色を取得するには
- 28. QPushButtonの背景に色とグラデーションの両方を適用する
- 29. 同じクラスのすべての要素の背景色を変更します
- 30. スタックパネルにグラデーションを適用する背景色/シルバーライトの画像