テーブルのボーダーを設定する方法

Question

私はHTMLとJavaScriptの言語を使用してWebページを開発しようとしています。そして私は開発のために外部のJavascriptとExternalスタイルシートを使用しています。 問題は、Javascriptで外部スタイルシートを使用しているときに、テーブルとその行/列の境界線を与えたいということです。誰でも私にそれをどうすればいいのか教えてもらえますか？

Answer 1

あなたのJavaScriptでこのような何かを試してみてください：

object.style.border="1px solid red"; // 1px solid red can be anything you want... 

W3Schoolsのは、ここであなたを助けることができます。http://www.w3schools.com/cssref/pr_border.asp

をただ、この例では、オブジェクトを確認するためにあなたがそうgetElementByIdを使用して、選択したいくつかの本を示して...

var myTable = document.getElementById('tableID'); 

myTable.style.border="1px solid red"; 

Answer 2

HTML要素には、要素のスタイルを持つオブジェクトを表す属性styleがあります。それを変更すると、要素のスタイルが変更されます。あなただけ変更することができborderTop、borderRight、borderBottomを使用して

elem.style.border = "1px solid #000" 
// the same as 
elem.style.borderWidth = "1px"; 
elem.style.borderColor = "#000"; 
elem.style.borderStyle = "solid"; 

// or 

elem.style.borderTop = "4px dashed greed"; 
// the same as 
elem.style.borderTopWidth = "4px"; 
elem.style.borderTopColor = "green"; 
elem.style.borderTopStyle = "dashed"; 

、borderLeftプロパティは何が必要国境。

Answer 3

なぜjQueryフレームワークを使用しないのですか？ jQueryを使用すると、目標を達成するために次のコードを追加することができます：

$('table').css("border","1px solid #000"); 

Answer 4

私はそれを持っています。あなたのCSSファイル内

コード：テーブル、TD {ボーダー：1pix固体赤}ここ

1pixを=境界線のサイズの選択を与えるが、同じ形式である必要があります

solid=i think its intensity of color(if you want to try something else, give after refering to w3schools/table) 

red=Color name (you can give any desired color name.) 

もしあなたが色の名前を16進値として与えたいのであれば、 "red"を "#cdcdcd"のような16進数の値に置き換えてください（黒ではありません）。

まだ疑問がある場合は、私に近づいてください。

Answer 5

Javascriptでこれを試してください： - CSSで

elemt.style.borderBottom="1px solid red"; 
elemt.style.borderTop="1px solid green"; 

： -

.your-element{ 
    border-top:1px solid green; 
    border-left:1px solid red; 
} 

が正常に動作します。 CSSの書体のスタイルとJavascriptの書式のスタイルは少し異なります。