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";