哪里出了错误，为什么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>