admin管理员组

文章数量:1558103

js中设置td样式不好使，ie浏览器td不能铺满表格问题解决

    • 可能性1：属性名称写错
    • 可能性2 : 因为是td啊~

会写这个是因为昨天发现直接设定的td宽为100%在ie浏览器里面竟然没横向铺满表格，就想着在js里设置一下，结果遇到了这个问题。解决后做个备注，下次遇到还能来找找。

可能性1：属性名称写错

有一些属性中间是带小横杠的，比如margin-top，在js中设置此类属性时需要去掉横杠，且横杠后第一个字母大写，例如marginTop

可能性2 : 因为是td啊~

可能你会发现无论你给td设class、id还是直接写td，在js里想给他们加个css样式通！通！不！好！使！！

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<meta charset="utf-8">
	<style type="text/css">
		table{
			width: 80%;
			margin: 0 auto;
		}
		tr{
			width: 100%;
		}
		td{
			width: 100%;
			background-color: skyblue;
		}
	</style>
</head>
<body>
	<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td id="a">哈哈哈</td>
		</tr>		
	</table>
</body>
<script>
	document.getElementById("a").style.width = "100px";
</script>
</html>

这时候我明明设了td宽度为100px，但就是不行呢，你说气不气

那么！这时候就需要改变一下td的display了，只需要在td的css中加一行

display:block;

蓝色底立刻变了有没有！

看到这个磨人的小妖精终于被制服后，那叫一个身心舒畅，甚至有点想唱歌，本次备注笔记就到这里~

本文标签： 好使样式铺满表格浏览器

版权声明：本文标题：js中设置td样式不好使，ie浏览器td不能铺满表格问题解决 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1727373209a1111410.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。