- ベストアンサー
ＨＴＭＬのテーブルまたはセルのボーダラインについて
ＨＴＭＬのテーブルまたはセルのボーダラインの右線だけとか、下線だけとかの色の変更、表示させるか、させないかなどをＣＳＳで、操作できるようなのですがJavaScriptでは、できるのでしょうか？
- drago_cyber
- お礼率32% (30/92)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
つまらないものですが…。 昔このへんをいじった事があるので、 抜き出して超簡単なサンプルにしてみました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-2022-JP"> <title>t</title> <script language="JavaScript"> function load(){ document.all('t1').style.borderWidth = "3px"; document.all('t1').style.borderStyle = "solid"; document.all('t1').style.borderTopColor = "#ff0000"; document.all('t1').style.borderBottomColor = "#00ff00"; document.all('t1').style.borderLeftColor = "#0000ff"; document.all('t1').style.borderRightColor = "#ff9966"; document.all('t2').style.borderWidth = "3px"; document.all('t2').style.borderStyle = "solid"; document.all('t2').style.borderTopStyle = "none"; document.all('t2').style.borderTopColor = "#ffff00"; document.all('t2').style.borderBottomColor = "#00ff00"; document.all('t2').style.borderLeftColor = "#00ffff"; document.all('t2').style.borderRightColor = "#ff9966"; } </script> </head> <body onLoad = "load()" > <table ><tr> <td id = "t1" >aaaaa </td> <td id = "t2" >bbbbb </td> </tr></table> </body> </html>
その他の回答 (1)
- osamuy
- ベストアンサー率42% (1231/2878)
今日日のWebブラウザですと、JavaScriptから、DOMインタフェースを呼び出して、指定要素のスタイル属性を操作する機能を持ってますので、「できる」が回答になるかと。
- 参考URL：
- http://moz.skillup.jp/docs/dom/reference/javascript.html,http://www.mozilla-japan.org/docs/dom/
お礼
どうもありがとうございます どう応用するのか、考えてみましたが、ひらめきません、何か、一例を教えてください。
お礼
これはすばらしい、すごく参考になります。 ありがとうございます、感謝、感謝。