如何設置表格的邊框

Question

我正在嘗試開發一個使用HTML和JavaScript語言的網頁。我也一直在使用外部Javascript和外部樣式表進行開發。 問題是在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表示具有元素樣式的對象。如果你修改它 - 你會改變你的元素的風格。

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"; 

使用borderTop，borderRight，borderBottom，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.) 

如果你想給顏色名稱作爲十六進制值，只需用「#cdcdcd」（它不是黑色）等一些十六進制值替換「紅色」。

如果你仍然懷疑只是靠近我。

Answer 5

在Javascript試試這個： -

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

在CSS： -

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

工作正常。 CSS寫作風格和Javascript寫作風格有點不同。