
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
>カスタム背景を作成してそれを取得する感じですか。
カスタム背景というのはなにかわかりませんが、
背景色が取得できないなら、
クラス(class="#ff0000")や独自データ属性(data-bg="#ff0000")など出力されるようにして、これを取ればいいんではないでしょうか?
ということです。
No.3
- 回答日時:
<style type="text/css"> table { background-color: yellow; } </style>
<table border id=target><tr><td>背景に<td>色が<td>ついた<td>表</table>
<script>
var table = document.getElementById('target');
// CSS の指定は読み取れない
alert(table.style.backgroundColor); // ''
// 要素に対する CSS の反映内容を計算する / IE9+
var cumpStyle = document.defaultView.getComputedStyle(table, null);
alert(cumpStyle.backgroundColor); // 'rgb(255, 255, 0)'
</script>
この回答への補足
回答ありがとうございます。
処理で選択したCSSの色は取得できないけど
要素のスタイルの内容を計算する処理をして取得するということですね。
No.1
- 回答日時:
調べればすぐにわかると思いますが、取得は簡単です。
element.style.backgroundColor
で得られるはず。
返る値がいろいろなので、処理に少し工夫が必要になるでしょう。
http://d.hatena.ne.jp/yoppys/20080710/1215673179
http://d.hatena.ne.jp/unageanu/20090116/1232102860
この回答への補足
回答ありがとうございます。
そうですね、取得自体は簡単にできるんですが、
もともと設定していた色に対して
PHPで変更して、そのあとJavascriptで色を取得できるかという感じなのですが、
初期設定色しか取得できない状況です。
見た目では色は変わっているのですが、なぜ取れないかわかりません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックごとに文字色が交互に...
-
javascriptでクリックするごと...
-
<JavaScript>tableタグを入力不...
-
テーブルのセルのクリック時、...
-
サイト内の物件を複数の検索条...
-
ボタン無しでフォーム内容送信
-
return trueとreturn falseの用...
-
ラジオボタンにタブインデック...
-
selectメニューのselectedの位...
-
プルダウン 項目が多いので先頭...
-
<input>の選択肢をプルダウンメ...
-
JAVASCRIPT
-
slickのレスポンシブ > center...
-
ブラウザの戻るボタンを押した...
-
Webブラウザにてページのりロー...
-
Selectボックスの幅を自動で広...
-
クリックされた罫表セルの行番...
-
javascript による POST 送信時...
-
html selectの内容を初期値に戻す
-
リンク先アドレスの一部にテキ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
新しいウィンドをリンク指定し...
-
jquery にて、アラートダイアロ...
-
指定のテキストをクリックする...
-
テーブルの行数を可変長にした...
-
写真の下に説明文
-
html内>テーブル内に複数のjav...
-
Javascriptでテーブルタグの座...
-
【jQuery】tableループ内のIDの...
-
クリックごとに文字色が交互に...
-
javascript でテーブル操作
-
javascriptのカルーセル
-
a9のサイトの仕組み
-
appendChildとinnerHTMLを短く
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
tbody要素のinnerHTMLが書き換...
-
外部のデータファイルの読み込...
おすすめ情報