gpt4 book ai didi

html - ie11中的动态行显示

转载 作者:行者123 更新时间:2023-11-28 08:38:08 28 4
gpt4 key购买 nike

我们的应用程序开始支持 IE11。考虑到这一点,我们的应用程序应该可以在 IE11 和 IE8 中正常工作。动态行显示特别有问题。附上下面的 HTML 代码。如果您注意到自定义行的宽度没有正确响应。欢迎提出任何建议。

<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0   transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en">
<style>
#customwidth{
background-color: #ffffe1;
width: 62%;
}
</style>
<body>
<table width="746px" cellspacing="0" id="productTable">
<tr id="productid">
<td width="165px" <label for="Product">Product</label></td>
<td width="200px">

<select id="prodSel" onchange='changeit()'>
<option value="one" >Select Product</option>
<option value="two">Product 1</option>
<option value="three">Product 2 </option>

</select>
</td>
</tr>
<tr>
<td width="165px">Term</td>
<td width="200px"><select>
<option >5 years</option>
<option >10 years</option>
<option >15 years</option></td>
</tr>
<tr id="amountid" style="display: none">
<td id="customwidth">Amount</td>
<td width="200px"><input type="text"></td>
<td >
</tr>
<script>
document.getElementById("prodSel").change = function() {changeit()};
function changeit(){
var x= document.getElementById('prodSel').value;
if (x == 'three')
{
document.getElementById('amountid').style.display = 'block';
}
}
</script>
</body>
</html>

最佳答案

由于要显示表格行元素,因此需要将 display 属性设置为 table-row,而不是 block:

document.getElementById('amountid').style.display = 'table-row';

还要验证您的 HTML,您有很多问题,例如未闭合的标签、无效的属性 (width="746px") 等。它可能导致渲染中断,尤其是在 IE 中。

关于html - ie11中的动态行显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27931782/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com