表的类（使用 createElement 创建）在此代码中无法正常工作

我创建了一个带有 document.createElement('table') 的表和一个带有 table.className 的类，但是当我运行代码时，某些属性（如边框颜色和边框折叠）不起作用。我不知道为什么会这样。

我试图弄清楚这是否来自属性、属性类名或其他东西。我真的没有头绪。

<!DOCTYPE html>

<html>

<head>

<title>Ejemplo aprenderaprogramar.com</title>

h1 {

margin-top: 100px;

text-align: center;

color: mediumturquoise;

}

#div1 {

width: 400px;

height: 400px;

border: solid 1px gray;

border-radius: 7px;

margin: 100px auto;

}

.tabla{

width: 300px;

height: 200px;

margin: 50px auto;

border-style: solid ;

border-width: 1px;

border-color:black ;

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

border-collapse: collapse;

}

</style>

window.onload = function () {

var body = document.getElementsByTagName("body")[0];

var table = document.createElement("table");

body.appendChild(table);

table.className="tabla";

}

</script>

</head>

<body>

<h1>Calendar</h1>

</div>

</body>

</html>

喵喔喔

浏览 164回答 1

慕村9548890

在 .tabla 的 CSS 代码中，border-collapse和border-color相互抵消。也许这就是为什么它似乎没有显示在网页上的原因。.tabla {    border-color:black ;    border-collapse: collapse;}

随时随地看视频慕课网APP