<script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#ccc"; mychar.style.width="300"; </script>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
mychar.style.width="300";
</script>
在我的浏览器里是有效果的,但是300的这个宽度略宽,你换小点的就能看出来了
去掉单位, mychar.style.width="300"; 这一行代码不会被执行,
p是块级元素,默认是占据整整一行的宽度,所以会铺满一行,你可以点击全屏验证这一点。
去掉就没有效果了,你数字差距大点就看出来了
必须加像素px;
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
mychar.style.width="300px";
</script>
你先把300px 改成100px 试试效果,
然后不加像素 300. 100,根本不会有变化的.
你把300改成1000试试,再换成1000px试试,看显示界面下面的进度条,你不加px的话就是只有0 和其他数字有区别
单位不是应该mychar.style.width="300"+"px"; 好像没有问题吧,我也是小白,刚开始学
mychar.style.width="300";
你说的是这一行吗?