javascript - 静态元素和动态元素的 CSS 样式区别

Question

当我像这样使用 Javascript 创建 DOM 元素时

$(document.createElement('div')).attr('id', 'box').appendTo('.parent');

td... div 内的元素（和其他一些元素）的高度被扭曲了。但是，当我在标记中指定 div 时：

<div id="box"></div>

...风格是他们应该的方式。

为什么动态 DOM 元素创建会扭曲 CSS 样式，我应该如何解决？

编辑 1：我已经尝试检查div和更改一些样式，但没有帮助。

编辑 2：我在 jsfiddle 中重新创建了它，它在那里工作没有问题（很奇怪）。只是让你知道，这是小提琴： http: //jsfiddle.net/3cyFD/我的问题是当我点击“点击我”时，出现日期选择器，但行之间有异常空格（td表格的单元格） .

score 1 · Accepted Answer

我强烈的假设是你有一个你没有想到的 CSS 样式元素。当我被这样困住时，这就是我的经历。

使用 Chrome 或 Firefox 检查您拥有的元素。您已经说过这不是 div，但听起来这无论如何都不是问题。从您的 td 开始，然后移至 tr，然后移至 table。边距和填充可能是你最大的罪魁祸首，但要寻找任何属性，包括最小高度，以及类似的东西。让我知道这是否有帮助。

1 回答 1