如何设置表的边框

Question

我正在尝试使用HTML和JavaScript语言开发网页.我一直在使用外部Javascript和外部样式表进行开发.问题是在Javascript中使用外部样式表时,我想为表及其行/列提供一些边框.谁能告诉我怎么能这样做？

Answer 1

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 2

在你的 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";