1、innerHTML：
（1）作用：覆盖调用该方法的元素的内容。内容可以添加文本节点或者元素节点。
（2）代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="test">修改前</div> <script> var test = document.getElementById("test"); test.innerHTML = "修改后" </script> </body> </html>
2、document.write：
作用：
（1）在文档加载完毕前，调用document.write会在调用处输出流。
可以观察到三个hello world
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> document.write("<p>hello world</p>"); </script> <p>hello world</p> <script> document.write("<p>hello world</p>"); </script> </body> </html>
（2）在文档加载完毕后，会调用document.open方法，重新创建document覆盖已经加载过的document，此时调用document.write会在新的document输出流。
只能够看到一个hello world：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>hello world</p> <script> window.onload = function(){ document.write("<p>hello world</p>"); } </script> </body> </html>