Javascript 如何设置表的边框

我正在尝试使用HTML和JavaScript语言开发一个网页

我也一直在使用外部Javascript和外部样式表进行开发

问题是在Javascript中使用外部样式表时，我想为表及其行和列提供一些边框

---

有人能告诉我如何做到这一点吗？

在JavaScript中尝试以下内容：

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

W3schools可以在以下方面帮助您：

只是为了确认此示例中的对象表示您使用

getElementById

选择的一些对象，所以

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

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

---

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

属性，您只能更改所需的边框。

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

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

我明白了

在CSS文件代码表中：

td{border:1pix solid red}

此处

1pix=

提供了边框大小的选择，但格式应相同。我认为，

solid=

是颜色的强度。如果您想尝试其他内容，请参阅<代码>红色=颜色名称（您可以给出任何所需的颜色名称）。 如果您想用十六进制表示颜色名称，只需将“红色”替换为一些十六进制值，如

“#cdcdcd”

（它不是黑色）

---

如果您还有疑问，请与我联系。

在

Javascript

中尝试以下内容：-

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

中：-

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

的写作风格有点不同。

您无法访问此外部文件？您是否试图将其添加到Javascript文件或样式表？请包含您正在尝试的代码…如果问题解决，请接受答案。