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

Answer 3

为什么不使用jQuery Framework？使用jQuery，您可以添加以下代码来实现您的目标：

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

Answer 4

我明白了。

在CSS文件中

code：table，td {border：1pix solid red}

此处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.)

如果你想将颜色名称作为十六进制值，只需将“red”替换为一些十六进制值，如“#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写作风格略有不同。

如何设置表的边框

5 个答案: