<!--元素建立的三種方式-->
    <!--1.document.write("標籤的程式碼及內容")-->
    <!--2.物件.innerHTML="標籤及程式碼"-->
    <!--3.document.createElement("標籤的名字")-->
<script src="commer.js"></script>

<!--<input type="button" value="設定" id="wr"/>-->
<!--悄悄是離別的笙簫，沉默是今晚的康橋！-->
    <script>
        //document.write("標籤的程式碼及內容")
        // ver("wr").onclick=function () {
        //     document.write("<p>這是一個P</p>");
        // };
        //document.write 缺陷：如果是在頁面載入完畢後，此時通過這種方式建立元素，那麼頁面上存在的所有內容全部被幹掉
    </script>



    <!--<input type="button" value="點選" id="inn"/>-->
    <!--<div id="dv"></div>-->
    <script>
        // //物件.innerHTML="標籤及程式碼"
        // ver("inn").onclick=function () {
        //   ver("dv").innerHTML="<p>讓暴風雨來得更猛烈些吧</p>";
        // };
    </script>


    <input type="button" value="建立" id="cj"/>
    <div id="xx"></div>
    <script>
        // // document.createElement("標籤的名字")
        ver("cj").onclick=function () { //建立一個物件
          var pObj=document.createElement("P"); //document.createElement("標籤的名字");物件
          setInnerText(pObj,"這是一個p");//把建立後的子元素追加到父級元素中
          ver("xx").appendChild(pObj);//append Child:追加 子元素
        };
    </script>