JS更改HTML属性的出现的问题

Question

<h2 id="con">I love JavaScript</h2>

  <script type="text/javascript">

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

    mychar.style.color = 'red';

    mychar.style.backgroundColor = '#CCC';

    mychar.style.width = 300px;

  </script>

为什么加上mychar.style.width = 300px;语句之后无法正常显示h2标签的背景颜色和字体颜色？

但是不加mychar.style.width = 300px;语句可以正常显示h2标签的背景颜色和字体颜色。

为什么呢？求大神解答

Answer 1

不是300px;是  300+"px";