元素的创建

元素创建的三种方式

为了提高用户的体验 

1. document.write("标签的代码以及内容");

　　页面加载的时候创建,是没有问题的：document.write("<p>这是一个p</p>");

　　缺陷：如果在页面加载完毕后，通过这种方法创建，页面上存在的所有内容都没有了　

my$("btn").onclick=function(){

　　　　document.write("<p>这是一个p</p>");

　　};

2. 父级对象.innerHTML("标签的代码以及内容");

  my$("btn").onclick=function () {
    my$("dv").innerHTML="<p>窗前明月光,疑是地上霜,举头望明月,低头思故乡</p>";
  };

3. document.createElement("标签的名字");

第一步：document.createElement("标签的名字");

第二步：追加：父级元素.appendChild(子级元素对象);

　　　　插入：父级元素.inerstBefore(新的子级对象,参照的子级对象);

　　　　移除：父级元素.removeChild(要干掉的子级元素对象);

//点击按钮,在div中创建一个p
  my$("btn").onclick = function () {
    //创建元素的
    var pObj = document.createElement("p");
    setInnnerText(pObj, "这是一个p");
    //把创建后的子元素追加到父级元素中
    my$("dv").appendChild(pObj);
  };