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

最新推荐文章于 2023-01-04 14:03:16 发布

judy_1118

最新推荐文章于 2023-01-04 14:03:16 发布

阅读量766

点赞数

分类专栏： html+css 文章标签： ie中td样式 js设置td样式

本文链接：https://blog.csdn.net/judykang123/article/details/103082345

版权

html+css 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

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>