我创建了一个带有 document.createElement('table') 的表和一个带有 table.className 的类，但是当我运行代码时，某些属性（如边框颜色和边框折叠）不起作用。我不知道为什么会这样。我试图弄清楚这是否来自属性、属性类名或其他东西。我真的没有头绪。<!DOCTYPE html><html><head> <title>Ejemplo aprenderaprogramar.com</title> <meta charset="utf-8"> <style type="text/css"> 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> <script type="text/javascript"> 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 id="div1"> </div></body></html>
1 回答
慕村9548890
TA贡献1884条经验 获得超4个赞
在 .tabla 的 CSS 代码中，border-collapse和border-color相互抵消。也许这就是为什么它似乎没有显示在网页上的原因。
.tabla {
border-color:black ;
border-collapse: collapse;
}
添加回答
举报
0/150
提交
取消