javascript中，设置width时，style="width:100px" 和width
javascript中，设置width时，style="width:100px"和width=100有什么区别，怎么用？...
javascript中，设置width时，style="width:100px" 和width=100 有什么区别，怎么用？
展开
4个回答
展开全部
width属性不是每个元素都支持的，一般就table和body支持。
关于width属性参考：http://www.w3school.com.cn/tags/att_table_width.asp
style="width: 100px"是CSS样式，CSS样式有多种方式设置，直接写成这个样子属于内联CSS，也可以把这个提出来单独放到<style>里，比如
<html>
<head>
<style>
.mydiv { width: 100px; }
div { background-color: #ddd; margin: 10px; }
</style>
<meta charset="utf-8">
</head>
<body>
<div class="mydiv">测试内部样式，即放在head里的style标签里的样式</div>
<div style="width:100px">测试内联样式，即放在元素的style属性中的样式</div>
<div width="100">测试元素属性，无效</div>
</body>
</html>
此外，还有外部样式，就是可以把style标签里的内容放到xx.css文件，然后head里增加一条
<link rel="stylesheet" type="text/css" href="xx.css">
就可以引用外部样式。
用内部和外部样式的好处在于可以批量设置样式，就是给同样的一些元素设置相同的样式，只要改一个地方，这些元素的样式一起改动。
内联CSS样式只能针对单个元素做样式设置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过获取image对象后，直接设置属性image.style.width=100,没有生效是因为 style.width 所接收的为字符串，image.width=100,这种写法是可以的，因为 width 本身就是 number 类型的。
然后看到一个关于 style.width 的设值的说法，如下
IE
id.style.width = "100"; //只带数值，不会出错
id.style.width = "100px"; //带数值和单位，不会出错
id.style.width = "100px;"; //带数值、单位和分号，会出错
FF
id.style.width = "100"; //只带数值，会出错
id.style.width = "100px"; //带数值和单位，不会出错
id.style.width = "100px;"; //带数值、单位和分号，不会出错；
根据以上的说法，所以平时写的时候，最好是使用“数值+单位”的这种写法，以免出现不可预料的错误。
然后看到一个关于 style.width 的设值的说法，如下
IE
id.style.width = "100"; //只带数值，不会出错
id.style.width = "100px"; //带数值和单位，不会出错
id.style.width = "100px;"; //带数值、单位和分号，会出错
FF
id.style.width = "100"; //只带数值，会出错
id.style.width = "100px"; //带数值和单位，不会出错
id.style.width = "100px;"; //带数值、单位和分号，不会出错；
根据以上的说法，所以平时写的时候，最好是使用“数值+单位”的这种写法，以免出现不可预料的错误。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div width="100"></div>
<div style="width: 100px"></div>
就这个区别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没区别，规范问题
追问
可是有的时候不知道该用哪个，还得试
追答
style使用的css样式，有的样式只有css有
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
