document.write的输出被“隐藏”的问题。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con"><span>这是p内部的一个子标签</span>JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con")//获取元素存储在变量mychar中。
var myword=mychar.innerHTML;//获取元素的内容存储在myword中,span会被当作字符串显示,但p不会。
var myletter=mychar.innerText;//p、span都被当作标签不显示。
document.write("结果:"+mychar+"<br/>"); //输出获取的P标签。
mychar.style.color="red";
mychar.style.backgroundColor="#CCC";
document.write("结果:"+myword+"<br/>");//输出获取的P标签内容，因使用的是document.write所以p、span都被当作标签不显示。
myword.style.color="blue";
myword.style.backgroundColor="#CCC";
document.write("结果:"+"  "+myletter+"<br/>");//为了区分加了空格
</script>
</body>
</html>
//当不存在第二段
myword.style.color="blue";
myword.style.backgroundColor="#CCC";
时，第三个document.write会显示，然而存在时，第三个document.write便没有输出内容。why?
