- 締切済み
javascriptで背景色の取得
javascriptで<table>の背景色を取得したいと思っています。 例えば<table>の行のうち、背景色が赤だった場合その行に対して何かしら処理をしようと考えています。 行は一行ずつ取得しているのですがjavascript内で<table>の背景色をどのように取得するのか 悩んでいます。 色々調べたのですがこれといったものが見つからず、悩んでいます。 よろしくお願いします。
- k-karasu
- お礼率61% (19/31)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- やぎ じじい（@yagijijii）
- ベストアンサー率56% (63/112)
参考例文を載せておきます。 <html> <head> <script type="text/javascript"> function initialize(){ alert("一行目の" + document.getElementById("backcolor1").style.backgroundColor + "を変更します"); document.getElementById("backcolor1").style.backgroundColor = "#ffff00"; } </script> </head> <body onload="initialize()"> <table> <tr id="backcolor1" style="background-color:#ff0000;"> <td>背景赤</td></tr> <tr id="backcolor2" style="background-color:#00ff00;"> <td>背景緑</td></tr> <tr id="backcolor3" style="background-color:#0000ff;"> <td>背景青</td></tr> </table> </body> </html>
関連するQ&A
- javascriptで<table>背景色の取得
一度質問させていただいたのですが締め切ってしまったため再度質問させていただきます。 やりたいことはjavascript内でtableの背景色を取得することです。 PHPの処理でtableの背景色を変更しているのですが 変更した後にjavascriptで指定の色だった場合、処理をするといったことがしたいので 変更後のtableの背景色を取得したいのです。 かなり悩んでいて詰まっている状況です。 どのような解決策があるかご教授お願いします。
- 締切済み
- JavaScript
- javascriptでtdのサイズを取得するには？
javascriptで、tableのあるtdタグの高さ（height）を 取得したいのですが、どうやればいいですか？ 例： <table><tr> <td id="tdtest">aaaa</td> <td >bbb</td></tr>・・・ とあった場合に、onLoadイベントで document.getElementById("tdtest").heightで やったのですが、エラーではなく空でした。 教えてください、お願いします。
- 締切済み
- JavaScript
- ホームページ（HTML)の背景色の取得方法
いつもお世話になっております。 指定したホームページの表示情報を取得する方法を調べています。 テキスト情報は「innerText」で取得することができるのですが、表示している表のセルの背景色を取得する方法がわかりません。 全体の背景色はHTMLファイルの中で記述があるのですが、各セルの背景色は外部のJavascriptファイル内で設定しています。 VBまたはVC#での取得をしたいのですが何か方法はないでしょうか？
- 締切済み
- その他（プログラミング・開発）
- VBA Excel 背景色の最終行取得～
Excelのシート上に背景色が変更になった箇所のH3から 背景色の最終行を取得し その最終行のB列の値を取得したいのですが宜しくお願いします。 取得した値をMsgBoxで表示できる様に作成したいのですが、 背景色の最終行って、どの様に作成したら良いのでしょうか？ UserForm上で操作ができたら良いのですが。 画像の様な事をしたいです。 お手数おかけしますが教えて頂けますでしょうか？
- ベストアンサー
- Visual Basic
- 外部CSVをサイトに読み込み表示できるでしょうか？また値によって背景色を変えるということは可能でしょうか？
外部にあるCSVをサイトに読み込んで表示するということは可能でしょうか？ またCSVを行単位で読み込み、その値によって背景色を自動で変えるということは可能でしょうか？ JavaScript初心者です。どうかご指導宜しくお願いいたします。ｍ＜_ _＞ｍ CSV例 ------------------------ 1行目 +10 2行目 -15 3行目 +5 4行目 0 表示例 ------------------------- http://farm4.static.flickr.com/3266/3116370342_2d0374218e_m.jpg 値（＋）: 背景（青） 値（－）: 背景（赤） 値（0）: 背景（黒）
- ベストアンサー
- JavaScript
- ＪａｖａＳｃｒｉｐｔだとおもうんですが・・・
たとえば、 ―――――――――――――――― ここを押して→○ ―――――――――――――――― と表示されるＨＴＭＬ文章をつくったとします。 そうしたときに、「○」をクリックした後に○の部分だけが「×」に変化するようなものにするためにはどういった文章が必要なのでしょうか？？ ―――――――――――――――― ここを押して→× ―――――――――――――――― という表示されるＨＴＭＬをあらかじめ作って、リンクして置くというのは無しで。。。 最終的には、ある色の■をくりっくすると背景がこの色に変化して、なおかつそのクリックした■の表示だけが×に変化するようにしたいんです。 例でいうと、フォントを赤色にした■をクリックすると、背景が赤色になり、かつ始め赤色だった■が黒フォントの×になる。といったものです。 背景を変える方法はわかっているのですが、■を×にかえる方法がわかりません。 JavaScriptでできるのではないかとおもっているのですが、どうすればいいのですか？
- ベストアンサー
- JavaScript
- Javascriptで動的なTableのButto
http://scrap.php.xdomain.jp/javascript_table_control/ 上記サイトを参考に,内部にButtonがある表を動的に作成することができました. 次に,Buttonをクリックした際に特定のセルの値を取得したいと考えています. 試しに以下のコードを作成し,実行致しました. function clickedRow(obj) { //obj は テーブル tr = obj.parentNode.parentNode; var ri = tr.sectionRowIndex; var table = document.getElementById('sample1_table'); alert(table.rows[ri].innerText); } 上記を実行するとクリックした行のすべての列の値を取得できました. クリックした行の,特定の列の値のみを取得するにはどうすればよいでしょうか? 何卒ご教授よろしくお願い致します.
- ベストアンサー
- JavaScript
- JavaScriptで背景や文字色を色→色へ自動で変える方法
JavaScriptで背景や文字色を色→色へ自動で変える方法 例えば、赤から青へ、青になったらまた赤に色が徐々に変わり、自動的にループしてくれるようなものを探しています。 検索したところcolortweenというjsを発見したのですが、どうやって使えばいいのかわかりません。 ご回答よろしくお願い致します。
- ベストアンサー
- JavaScript
- エクセル背景色を自動に
エクセルで作成した表についての質問です。 ある列のセルに決まった文字列を入力すると、その行の背景色が自動で変わる方法を教えていただけないでしょうか？ 例） 「完了」と入力した行が一行灰色に変わり、 「未完了」と入力した場合は何も変わらない。 よろしくお願いします。
- ベストアンサー
- Microsoft ASP
- jQueryにて背景のURLを取得
jQueryにて背景のURLを取得しimgを表示する場合で背景を縦横の倍率を50％に縮小するにはjavascriptをどうすればいいのでしょうか？ 【javascript】 jQuery(function($){ var ori_img = $("#crop_img"); crop_window.css({'background-image': 'url('+ori_img.attr('src')+')'}); }); 【HTML部分】 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <div id="crop"> <img src="./test.jpg" id="crop_img" alt="" > <div id="crop_window"></div> </div>
- ベストアンサー
- AJAX
補足
回答ありがとうございます。 見たことある参考ですがもう一度見直してみます