innerHTML

在你需要把一大段HTML内容插入网页时，innerHTML属性就很适用，它即支持读写，又支持写入，

读取：

<div id="test">
        <p>This is <em>my</em>content.</p>
    </div>
    <script type="text/javascript">
        window.οnlοad= function () {
            var test=document.getElementById("test");
            alert(test.innerHTML);
        }
    </script>

写入：

<script type="text/javascript">
        var test=document.getElementById("test");
        test.innerHTML="<p>This is <em>my</em>content.</p>";
    </script>

重点：利用这个技术无法区分“插入一段HTML内容”和“替换一段HTML内容”。test元素里有没有HTML内容无关紧要，一旦你使用了innerHTML属性，它的全部内容都将要被替换。

innerHTML属性是HTML的专有属性，不能用于任何其他标记语言文档。浏览器在呈现正宗的XHTML文档时会直接忽略掉innerHTML属性。