哪里出了错误,为什么H2的内容没有变
<h2 id="con">javascript</H2>
<p>JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p>
<script type="text/javascript">
var bian=document.getElementByid("con") ;
document.write("原标题:"+bian.innerHTML+"<br>"); //输出原h2标签内容
bian.innerHTML ="Hello world!"
document.write("修改后的标题:"+bian.innerHTML); //输出修改后h2标签内容
</script>