问答详情
源自:3-4 改变 HTML 样式

为什么我是加了单位反而没效果,去掉单位反而有效果?

  <script type="text/javascript">
    var mychar= document.getElementById("con");
    mychar.style.color="red";
    mychar.style.backgroundColor="#ccc";
    mychar.style.width="300";
  </script>


提问者:Cloud3737729 2016-08-02 14:08

个回答

  • 慕粉3769223
    2016-08-20 12:13:47

     <script type="text/javascript">

        var mychar= document.getElementById("con");

        mychar.style.color="red";

        mychar.style.backgroundColor="#ccc";

        mychar.style.width="300";

      </script>

    在我的浏览器里是有效果的,但是300的这个宽度略宽,你换小点的就能看出来了

  • Keeln
    2016-08-08 11:03:03

    去掉单位, mychar.style.width="300"; 这一行代码不会被执行,

    p是块级元素,默认是占据整整一行的宽度,所以会铺满一行,你可以点击全屏验证这一点。

  • qq_哈哈妹_03724753
    2016-08-03 19:50:47

    去掉就没有效果了,你数字差距大点就看出来了

  • 野生码农在线co腚
    2016-08-02 20:01:53

    必须加像素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,根本不会有变化的.

  • nerddai
    2016-08-02 14:31:22

    你把300改成1000试试,再换成1000px试试,看显示界面下面的进度条,你不加px的话就是只有0 和其他数字有区别

  • qq_偏執想淰_1
    2016-08-02 14:31:14

    单位不是应该mychar.style.width="300"+"px"; 好像没有问题吧,我也是小白,刚开始学

  • yongliu
    2016-08-02 14:24:22

    mychar.style.width="300";

    你说的是这一行吗?