<p id="con">hhahahah </p>;//前面给了一个ID
<script>
var mychar = document.getElementById("con");//为什么后面还要重新获取一下ID并把它的名字改一下 用这个mychar名字改变元素的属性？？？
mychar.style.color = "red";
//con.style.color="red";//这行代码和前面的两行代码有什么区别呢 ？
</script>
"con"只是一个id,不能对它直接操作，Object.style.property=new style;Object是获取的元素对象（例如这里的mychar），而不能是id。
con.style.color="red";不能直接操作id啊。
获取id为con的元素在变量mychar中，然后操作变量mychar就可以了，应该是HTML不能直接识别那个id，所以才要获取id在变量中。
因为有时候需要你添加一个额外的样式，所以才需要改变对象名称