cloneNode

647 阅读2分钟

p2=p1.cloneNode(true);    [使用参数true表示克隆节点时包含子节点]

    eg  <ul id="wrapper">

              <li>1</li>

              <li>2</li>

              <li>3</li>

          </ul>

克隆ul会带着所有的li一起克隆出来

 <script>
var oWrapper=document.getElementById("wrapper");
var u = oWrapper.cloneNode(true);
console.log(u);
</script>

打印结果

          

 <ul id="wrapper">

<li>1</li>

<li>2</li>

<li>3</li>

</ul>



若去掉 “true”

打印结果

 <ul id="wrapper"></ul>


HTML DOM appendChild() 方法

document.getElementById("myList").appendChild(newListItem);

  添加之前: Coffee
 Tea

添加之后:Coffee
Tea
Wate


appendChild() 方法向节点添加最后一个子节点。

数据类型分两种

1 基本数据类型

   用 typeof去判断类型

2 引用数据类型

   判断数组还是对象

1 Array.isArray(arr)

2 arr.constroctor

3 obj instanceof Array



   var arr=[1,2,3];

   var obj={

         name:"zs",

         age:18

}

判断是否为数组  方法一

    console.log(typeof arr)  \\object

    console.log(typeof obj)  \\object

    Array.isArray(arr)    判断是否为数组   输出结果    true

    Array.isArray(obj)     false


方法二

    类 具有相同属性和方法的集合

    (利用function定义一个类)

          function Student (){

                                   }  

          具体涉及某一个学生时 可以

       (实例化对象)

        var s1=new Student()

         s1.constructor    判断构造函数是什么

         打印结果    Student (){

                                    }  

         arr.constructor        打印结果  Array()

         obj.constructor        打印结果 Object()

       

          console.log(arr instanceof Array)   判断arr是否是Array的实例化对象

          结果   true