Uncaught TypeError: document.getElementsById is not a function

 document.write和innerHTML的区别

1.innerHTML

<p>标题：写在时光里的旧故事</p>
<div id="sg">你好，时光</div>

	<script>
		window.onload = function(){
			var ff=document.getElementById("sg");
			ff.innerHTML="<p>I love <em>JavaScript</em>!</p>";
		}
	</script>

输出结果是：

标题：写在时光里的旧故事
I love JavaScript!

2.document.write

<p>标题：写在时光里的旧故事</p>
<div id="sg">你好，时光</div>
	<script>
		window.onload=function(){
			document.write("打印内容");
		}
	</script>

输出结果是：打印内容

总结：innerHTML只会重写所属元素的内容，即<div>元素中的内容，而document.write()是在页面内写内容，他会覆盖页面内容，是写死的，且document.write会将页面上的所有内容清除包括标题。

过程中报错-------Uncaught TypeError: document.getElementsById is not a function的原因是细节错误如下

getElementById，不是getElementsById