- 締切済み
borderの指定方法
var tbl = document.createElement("table"); var tbd = document.createElement("tbody"); var tr = document.createElement("tr"); var td = document.createElement("td"); td.appendChild(document.createTextNode("テストテーブル")); tr.appendChild(td); tbd.appendChild(tr); tbl.appendChild(tbd); DOMで書いたテーブルのTD要素のボーダーの指定方法で、下線だけ表示しないで枠をつけたいのですが、どのようにすればよいのでしょうか？ どなたか教えてください。 よろしくお願いします。
- chuppe
- お礼率16% (2/12)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- himajin100000
- ベストアンサー率54% (1660/3060)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <style type="text/css"> </style> <title>Q3707344 TestCase 1</title> <script type="text/javascript"> //Re:それぞれ別物 //俺としては表現セーフかなあ function init(){ var tbl = document.createElement("table"); var tbd = document.createElement("tbody"); var tr = document.createElement("tr"); var td = document.createElement("td"); td.appendChild(document.createTextNode("テストテーブル")); tr.appendChild(td); tbd.appendChild(tr); tbl.appendChild(tbd); document.getElementsByTagName("body")[0].appendChild(tbl); document.styleSheets[0].insertRule("td{border-top: 1px solid black;}", 0) ; document.styleSheets[0].insertRule("td{border-right: 1px solid black;}", 0) document.styleSheets[0].insertRule("td{border-left: 1px solid black;}", 0) //IEはaddRuleだったりするが //http://www.javascriptkit.com/domref/stylesheet.shtml } </script> </head> <body onload="init();"> </body> </html>
- SAYKA
- ベストアンサー率34% (944/2776)
>下線だけ これはtext-decoration >枠をつけたい これはboxのborder でそれぞれ別物だよ。 http://www.tohoho-web.com/js/style.htm
