• ベストアンサー

javascriptのstyleプロパティ

javascriptに、styleプロパティがあると思います。 そのstyleの中に、borderStyleプロパティや、color等のプロパティがたくさんあると思いますが、 (1).ケース1 styleプロパティのcolorプロパティ。 styleプロパティのborderStyleプロパティ。 という言い方をしたほうがいいのか、 (2)ケース2 style.colorプロパティ。 style.borderStyleプロパティ。 という言い方をしたほうがいいのか。 どちら言い方が正しいのか気になってしまいました。 ご教授ねがえませんでしょうか。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4851/10265)
回答No.1

どちらでも良いと思いますが、正しいのはどちらかと聞かれれば、(1) ですね。 xxxxプロパティのxxxxプロパティのxxxxプロパティのxxxxプロパティのxxxxプロパティのxxxxプロパティ とかになるとうるさいので、略記した方が良いのでは?

ShiftTail
質問者

お礼

情報ありがとうございます。 やはり正確な方は、プロパティ→プロパティですね。 ただ略した方が聞きやすいのもあると思うので略したいと思います。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • javascriptでスタイルを動的に作成する方法

    javascriptで動的に新たにクラスを作成してスタイルを設定する方法を教えてください。 たとえば、 <html> <head> <style> .hoge { color: red; } </style> </head> <body></body></html> の<style>~</style>をjavascriptで記述するにはどう書けばよいでしょうか? もちろん、 document.write('<style> .hoge {color: red;}</style>'); では、<style>タグを埋め込むのと同じですので、純粋なjsのcodingをご教示ください。(prototype.jsなどのライブラリを使わない方法) よろしくお願いします。

  • スタイルシートでのdisableまたはreadonlyプロパティの設定

    いつもお世話になっております。ちょっと困ってしまったのでみなさん どうぞお力をおかしください。 スタイルシートでIE ONLYで構わないのですが 書き込み不可プロパティのdisabledまたはreadonlyを設定する方法は ありますか? 具体的にいうと <style> input{background-color:silver;disabled:true} </style> のようにすると全テキストボックスが書き込み不可になるとか。 javascriptで制御もしようとおもえば出来ますが一変に変えてやりたいのです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • JavaScript・スタイルシート

    あるHPにアクセスすると、ログイン完了後の各ページが表示されなくなります。案内には、下記のように記載がありました。 ◆ブラウザの設定 JavaScript・スタイルシートを有効にしてください。 これってどうやって設定状況を確認できるのでしょうか。 どなたかご教授ください。よろしくお願いします。

  • Windows Mobile5.0の開発で オブジェクトのプロパティについて

    お世話になります。 Windows Mobile5.0向けのアプリケーションを VisualStudio2005(VB2005)で開発することになりました。 先行調査ということで色々いじっているのですが、Mobile開発環境には  ・Labelオブジェクトの「BorderStyle」プロパティ  ・Buttonオブジェクトの「TextAlign」プロパティ は無いのでしょうか? 矩形の表示が欲しかったのですが、Labelの「BorderStyle」が無いので、 最悪ボタンで表示しようかと思ったのですが、ボタンに右寄せ左寄せが見あたらなくて。 ご存じの方、ご教授お願いします。

  • 使えるプロパティを調べる(?)

    今、javascriptで一部の要素にカーソルのスタイルを指定しています。 ですが、IE5.xで対応していないとエラーが出てしまうためこのエラーを消したいと思っています。 ブラウザで使えるプロパティかどうかを調べるような記述があったと思うのですが、思い出せず探してもなかなか出てきません。 わかる方いらっしゃれば教えてください。よろしくお願いします。

  • Microsoftバーコードコントロール9.0プロパティのスタイルについて

    お読みいただきありがとうございます。  Microsoftバーコードコントロール9.0のプロパティの中のスタイルで、全部で11種類のスタイルが選択できるようになっていますが、それぞれのスタイルはどのように使い分けるのでしょうか。  ある商品マスタ上で個別の商品にJANコードではないプライベートコードが設定されており、このプライベートコードをバーコードで表示させ、リーダーで読ませるのが目的です。Code-39というスタイルとCode-128というスタイルを選択すると一応バーコードはできるのですが、この2つの違いは何でしょう?

  • オブジェクト初期化時にプロパティを整列すると引き起こされる問題とは

    オブジェクト初期化時にプロパティを整列すると引き起こされる問題とは Google JavaScript Style Guide 和訳 ? Google JavaScript Style Guide 和訳 http://cou929.nu/data/google_javascript_style_guide/#id36 「Google JavaScript Style Guide」では「identifer が長い場合, プロパティを整列させると問題を引き起こす場合があるので, 整列させないようにしてください.」と説明されています。 しかし、私は今まで「視認性が高い」という理由から、プロパティを整列させるコードを書いてきました。 具体的にはどのような問題が引き起こされるのでしょうか?

  • javascriptでクリックするごとにセルの色を変えたい

    javascript初心者です。 現在テーブルの作成を行っており、マウスを乗せたら色が変わるやクリックして指定の色に変えるなどは実現いたしましたが、クリックするごとに色が変わる(赤→青→赤→青・・・など)ものができません。 現在下記のように作っていますがエラーが起きてしまいます。 どのように直せばよいかご教授願います。 <script type="text/javascript"> <!-- var color1 = "#ff0000"; var color2 = "#0000ff"; function onC(obj){ if (obj.style.backgroundColor = color1){ obj.style.backgroundColor = color2; } else if (obj.style.backgroundColor = color2){ obj.style.backgroundColor = color1; } } //--> </script> <body> <table border="1" cellpadding=20> <tr> <td onClick = "onC(this)"><br> </td> </tr> </table> </body>

  • JavaScriptで印刷時にスタイル変更

    お世話になります。 JavaScriptで画像を表示するプログラムを作成しました。lightboxのようなもので、スクロール位置に合わせて画像を表示します。 この画像を印刷時に上に寄せて表示したいのですが、スクロール状態によって下の方に画像が表示されてしまいます。 これを解消しようと外部スタイルシートにて @media print{}で指定しましたが、JavaScriptが動的に変更したプロパティは上書きされてしまうようで上手くいきませんでした。 考えたのは 1.印刷時に画像のtopを0にする    →topは表示時にJavaScriptで上書きしているのでダメ 1.もう一つ画像を作って、印刷時に表示し、元の画像を隠す    →元の画像のdisplayを上書きしているのでダメ 2.元の画像の上に白のDIVを被せて、その上にもう一つの画像を載せる    →場合によっては印刷のページ枚数が増えてしまう(元の画像は生きているため) JavaScriptから@media printの属性を上書きできたら良いのですが、色々と調べましたが良く分かりませんでした(それらしきプロパティは有るようですが。。) よろしくお願いします。

  • 【JavaScript】toggleの使い方

    id="color"を付けた<p>タグで以下のような記述をしてみました。 マウスオーバーをすれば、上記の<p>タグの色は赤に変わり、マウスをはずすと 色が元の色(black)に戻ります。 うまくはいきましたが冗長に感じます。 classListを使ってtoggleをつけた練習をしたことはあります。 このようなケースで"toggle"を使ってマウスオーバーをした時にはテキストは赤色、はずすと元の色(black)になるように簡潔に記述する方法はあります? 超初心者です。簡潔に記述する方法があれば教えて下さい。宜しくお願いします。 (HTML) <p>こんにちは。こんにちは。こんにちは。</p> <p id="color">こんにちは。こんにちは。こんにちは。</p> <p>こんにちは。こんにちは。こんにちは。</p> ---------------------------------------------------- (JavaScript) document.getElementById("color").addEventListener("mouseover", () => { document.getElementById("color").style.color = "red"; }); document.getElementById("color").addEventListener("mouseout", () => { document.getElementById("color").style.color = "black"; });