如果您在 Firefox 3.6.3 中打开此 HTML(在某些早期版本中也已确认)，并重复单击 drawStuff() 链接，它不会始终如一地呈现最后一个 div 的内容。更仔细地看，它似乎正在渲染高度 = 0 的选择字段。知道为什么会发生这种情况吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> A Page </title>
<script type="text/javascript">
var num_select_options = 800;
function drawStuff() {
for (var i = 0; i <= 1; i++) {
var foobar = document.getElementById('elem_' + i);
while (foobar.childNodes.length >= 1) {
foobar.removeChild(foobar.firstChild);
}
for (var j = 0; j < 4; j++){
var elem_select = document.createElement('select');
for (var k = 0; k < num_select_options; k++) {
elem_select.appendChild(new Option("Blah", k));
}
foobar.appendChild(elem_select);
}
}
}
</script>
</head>
<body>
<table border=1 style="width:900px;" summary="A Table">
<tr>
<td> <div id="elem_0"></div> </td>
<td> <div>abc</div> <div id="elem_1"></div> </td>
</tr>
</table>
<a href="javascript:drawStuff()"> drawStuff() </a>
<script type="text/javascript">
drawStuff();
</script>
</body>
</html>
最佳答案
它对我来说是应该的。
我在代码中看到的唯一奇怪的事情是您在结束标记中转义了“/”字符，这是不需要的。
关于javascript - 有人在 Firefox 3.6.3 中获得零高度选择字段吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2910955/